:root { --navy:#082f49; --blue:#0369a1; --sky:#e0f2fe; --paper:#fff; --ink:#172033; --muted:#64748b; --line:#dbe6ed; --green:#15803d; --red:#b91c1c; }
* { box-sizing: border-box; }
body { margin:0; color:var(--ink); background:linear-gradient(180deg,#e7f6fc 0,#f8fafc 320px); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif; line-height:1.65; }
.site-header { height:64px; padding:0 max(18px,calc((100% - 1040px)/2)); display:flex; align-items:center; justify-content:space-between; color:white; background:var(--navy); box-shadow:0 3px 12px #082f4933; }
.brand { color:white; text-decoration:none; font-weight:800; font-size:1.05rem; }
.header-actions { display:flex; align-items:center; gap:10px; }.header-actions>a { color:#dff4ff; font-size:.9rem; }
.link-button { color:#dff4ff; background:none; border:0; padding:10px; cursor:pointer; text-decoration:underline; }
.container { width:min(1040px,calc(100% - 28px)); margin:0 auto; padding:38px 0 50px; }
.page-intro { margin-bottom:25px; }
.page-intro h1 { font-size:clamp(1.9rem,5vw,2.7rem); line-height:1.2; margin:4px 0; color:var(--navy); }
.page-intro p:last-child { color:#475569; margin:8px 0; }
.trip-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:28px 0 18px; }.trip-section-heading h2 { margin:2px 0; color:var(--navy); font-size:clamp(1.6rem,4vw,2.1rem); }.trip-section-heading p:last-child { margin:4px 0; color:#475569; }.trip-section-heading .archive-cta { flex:none; margin:0; }
.archive-cta { display:inline-block; margin-top:10px; padding:8px 13px; color:var(--blue); background:#fff; border:1px solid #bae6fd; border-radius:9px; font-weight:800; text-decoration:none; }.focus-nav { display:flex; gap:18px; margin-top:12px; }.focus-nav a { font-weight:700; }
.eyebrow { color:var(--blue); font-size:.75rem; font-weight:900; letter-spacing:.18em; margin:0; }
.trip-grid { display:grid; gap:22px; }
.trip-card,.login-card { background:var(--paper); border:1px solid var(--line); border-radius:18px; box-shadow:0 10px 30px #0f385414; }
.trip-card { padding:clamp(18px,4vw,28px); scroll-margin-top:15px; }
.featured-trip { border:2px solid #38bdf8; box-shadow:0 14px 36px #0369a126; }.featured-label { display:inline-block; margin-bottom:5px; padding:3px 9px; color:#075985; background:#e0f2fe; border-radius:999px; font-size:.76rem; font-weight:900; }
.trip-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.trip-heading h2 { margin:3px 0 0; font-size:1.4rem; line-height:1.35; color:var(--navy); }
.date { margin:0; color:var(--blue); font-weight:800; }
.count { flex:none; padding:5px 11px; border-radius:999px; color:#065f46; background:#d1fae5; font-weight:800; font-size:.85rem; }
.view-switcher { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:6px; margin:-8px 0 18px; }.view-switcher>span { color:var(--muted); font-size:.82rem; font-weight:700; }.view-switcher a { padding:6px 10px; color:#475569; background:#fff; border:1px solid var(--line); border-radius:8px; font-size:.8rem; font-weight:800; text-decoration:none; }.view-switcher a.active { color:#fff; background:var(--blue); border-color:var(--blue); }.trip-details>summary { margin-top:15px; padding:9px 13px; color:var(--blue); background:#f0f9ff; border:1px solid #bae6fd; border-radius:9px; font-weight:800; cursor:pointer; list-style:none; }.trip-details>summary::-webkit-details-marker { display:none; }.trip-details>summary::before { content:'＋ '; }.trip-details[open]>summary::before { content:'− '; }.trip-details .when-open { display:none; }.trip-details[open] .when-open { display:inline; }.trip-details[open] .when-closed { display:none; }.trip-body { padding-top:2px; }
.trip-meta { margin:18px 0; background:#f8fafc; border-radius:12px; padding:12px 15px; }
.trip-meta div { display:grid; grid-template-columns:80px 1fr; gap:10px; }
.trip-meta div+div { margin-top:5px; }
.trip-meta dt { color:var(--muted); font-size:.82rem; font-weight:800; }
.trip-meta dd { margin:0; }
.trip-meta .multiline { white-space:pre-line; }.map-link { color:var(--blue); font-weight:700; }.map-link span { margin-left:5px; font-size:.78rem; text-decoration:underline; }
.text-link { color:#0369a1; font-weight:700; overflow-wrap:anywhere; text-decoration:underline; }
.rsvp-panel { border:1px solid #bae6fd; background:#f0f9ff; border-radius:12px; overflow:hidden; }
.rsvp-panel summary { padding:12px 15px; color:var(--blue); font-weight:800; cursor:pointer; }
.rsvp-form { padding:4px 15px 17px; display:grid; gap:13px; }
label,legend { font-weight:700; font-size:.9rem; }
input[type=text],input[type=password],textarea,.rsvp-form input:not([type=radio]),.admin-form input:not([type=checkbox]):not([type=file]) { display:block; width:100%; margin-top:5px; padding:11px 12px; color:var(--ink); background:#fff; border:1px solid #b9cbd6; border-radius:9px; font:inherit; }
textarea { resize:vertical; }
input:focus,textarea:focus { outline:3px solid #7dd3fc88; border-color:var(--blue); }
fieldset { border:0; padding:0; margin:0; }
.status-options { display:flex; gap:8px; margin-top:5px; }
.status-options label { flex:1; }
.status-options input { position:absolute; opacity:0; }
.status-options span { display:block; padding:9px 6px; background:white; border:1px solid #b9cbd6; border-radius:9px; text-align:center; cursor:pointer; }
.status-options input:checked+span { border-color:var(--blue); color:var(--blue); background:var(--sky); box-shadow:inset 0 0 0 1px var(--blue); }
.primary { padding:12px 18px; border:0; border-radius:10px; color:white; background:var(--blue); font:inherit; font-weight:800; cursor:pointer; box-shadow:0 4px 10px #0369a133; }
.primary:hover { background:#075985; }
.members { margin-top:20px; }
.members h3 { margin:0 0 8px; font-size:1rem; }
.members h3 span { color:var(--muted); font-size:.8rem; }
.members ul { list-style:none; margin:0; padding:0; }
.members li { display:grid; grid-template-columns:58px minmax(80px,140px) 1fr auto; gap:9px; align-items:start; padding:9px 3px; border-top:1px solid #edf2f5; }
.status { padding:2px 6px; border-radius:5px; font-size:.75rem; font-weight:800; text-align:center; }
.status-参加 { color:var(--green); background:#dcfce7; }.status-不参加 { color:var(--red); background:#fee2e2; }.status-未定 { color:#a16207; background:#fef3c7; }
.comment,.empty { color:var(--muted); font-size:.9rem; }.empty { margin:8px 0 0; }
.party-panel { margin-top:22px; padding:18px; border:1px solid #fed7aa; border-radius:13px; background:#fff7ed; scroll-margin-top:15px; }.party-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }.party-label { margin:0; color:#9a3412; font-weight:900; }.party-heading h3 { margin:2px 0; color:#7c2d12; }.party-count { flex:none; padding:4px 10px; border-radius:999px; background:#ffedd5; color:#9a3412; font-size:.82rem; font-weight:800; }.party-meta { margin:12px 0; }.party-meta div { display:grid; grid-template-columns:65px 1fr; gap:8px; }.party-meta dt { color:#9a3412; font-size:.82rem; font-weight:800; }.party-meta dd { margin:0; }.party-rsvp { border:1px solid #fdba74; border-radius:10px; background:#fff; overflow:hidden; }.party-rsvp summary { padding:11px 13px; color:#9a3412; font-weight:800; cursor:pointer; }.party-button { padding:12px 18px; border:0; border-radius:10px; color:#fff; background:#c2410c; font:inherit; font-weight:800; cursor:pointer; }.party-members { margin-top:14px; }.party-members h4 { margin:0 0 7px; }.party-members h4 span { color:var(--muted); font-size:.8rem; }.party-members ul { list-style:none; margin:0; padding:0; }.party-members li { display:grid; grid-template-columns:58px minmax(80px,140px) 1fr auto; gap:9px; padding:8px 2px; border-top:1px solid #fed7aa; }.party-fields { display:grid; gap:14px; margin:8px 0; padding:18px; border:1px solid #fdba74; border-radius:12px; background:#fff7ed; }.party-fields legend { padding:0 7px; color:#9a3412; font-size:1rem; }.party-fields>p { margin:0; color:var(--muted); font-size:.86rem; }
.login-card { max-width:460px; margin:40px auto; padding:clamp(24px,7vw,42px); text-align:center; }
.login-card h1 { color:var(--navy); margin:3px 0; }.login-card p { color:var(--muted); }.hero-icon { font-size:2.6rem; }
.stack { display:grid; gap:14px; margin-top:25px; text-align:left; }.stack .primary { margin-top:4px; }
.flash { margin-bottom:18px; padding:12px 15px; border-radius:10px; font-weight:700; }.flash.success { color:#166534;background:#dcfce7; }.flash.error { color:#991b1b;background:#fee2e2; }
footer { padding:25px; color:var(--muted); text-align:center; font-size:.8rem; }
footer small { color:#94a3b8; font-size:.68rem; }
.admin-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:20px; }.admin-heading h1,.form-card h1 { color:var(--navy); margin:3px 0; }.button-link { display:inline-block; text-decoration:none; text-align:center; }.admin-list { display:grid; gap:12px; }.admin-list article { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:18px 20px; background:#fff; border:1px solid var(--line); border-radius:13px; }.admin-list h2,.admin-list p { margin:2px 0; }.admin-list h2 { font-size:1.15rem; }.admin-buttons,.form-actions,.admin-footer-actions { display:flex; align-items:center; gap:10px; }.secondary,.danger { padding:10px 15px; border-radius:9px; font:inherit; font-weight:800; cursor:pointer; }.secondary { color:var(--blue); background:#fff; border:1px solid #7dd3fc; }.danger { color:var(--red); background:#fff; border:1px solid #fecaca; }.form-card { max-width:720px; margin:0 auto; padding:clamp(20px,5vw,36px); background:#fff; border:1px solid var(--line); border-radius:18px; }.admin-form { display:grid; gap:16px; margin-top:22px; }.admin-form small { display:block; margin-top:4px; color:var(--muted); font-weight:400; }.form-actions { justify-content:flex-end; margin-top:8px; }.admin-footer-actions { justify-content:space-between; margin-top:22px; }.link-button.dark { color:var(--blue); }
.secondary:disabled { color:#94a3b8; background:#f1f5f9; border-color:#e2e8f0; cursor:not-allowed; }
.danger:disabled { color:#94a3b8; background:#f1f5f9; border-color:#e2e8f0; cursor:not-allowed; }
.inline-delete button,.mini-delete { padding:2px 7px; color:#9f1239; background:#fff; border:1px solid #fecdd3; border-radius:6px; font-size:.74rem; cursor:pointer; }.pdf-link { display:flex; align-items:center; gap:9px; margin:0 0 18px; padding:12px 14px; color:#1d4ed8; background:#eff6ff; border:1px solid #bfdbfe; border-radius:10px; font-weight:800; text-decoration:none; }.pdf-link span { color:var(--muted); font-size:.78rem; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.comments-panel { margin-top:22px; padding-top:18px; border-top:2px solid #e2e8f0; scroll-margin-top:15px; }.comments-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }.comments-heading h3 { margin:0; }.comments-heading h3 span { color:var(--muted); font-size:.8rem; }.comment-form { display:grid; grid-template-columns:minmax(120px,180px) 1fr auto; align-items:end; gap:9px; margin:12px 0; padding:13px; background:#f8fafc; border-radius:11px; }.comment-form input { display:block; width:100%; margin-top:4px; padding:9px 10px; border:1px solid #b9cbd6; border-radius:8px; font:inherit; }.comment-list { list-style:none; margin:8px 0; padding:0; }.comment-list li { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding:11px 3px; border-top:1px solid #e2e8f0; }.comment-list time { margin-left:8px; color:var(--muted); font-size:.75rem; }.comment-list p { margin:3px 0; white-space:pre-wrap; }.more-link { display:inline-block; margin-top:5px; font-weight:700; }.pagination { display:flex; justify-content:center; align-items:center; gap:15px; margin:20px 0; }.back-link { display:inline-block; margin-top:15px; }.pdf-fields { display:grid; gap:12px; margin:8px 0; padding:18px; border:1px solid #bfdbfe; border-radius:12px; background:#eff6ff; }.pdf-fields legend { padding:0 7px; color:#1d4ed8; font-size:1rem; }.pdf-fields p { margin:0; }.pdf-fields input[type=file] { display:block; width:100%; margin-top:7px; font:inherit; }.check-label { display:flex; align-items:center; gap:7px; }.admin-top-actions { display:flex; align-items:center; gap:9px; }
.archive-intro h1 { margin:3px 0; color:var(--navy); font-size:clamp(1.8rem,5vw,2.5rem); }.archive-intro>p:last-child { margin:6px 0 18px; color:var(--muted); }.archive-search { display:grid; grid-template-columns:1fr 180px auto auto; align-items:end; gap:10px; padding:17px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 6px 20px #0f38540d; }.archive-search input,.archive-search select { display:block; width:100%; margin-top:4px; padding:11px 12px; color:var(--ink); background:#fff; border:1px solid #b9cbd6; border-radius:9px; font:inherit; }.clear-search { padding:11px 4px; white-space:nowrap; }.archive-summary { margin:18px 2px 8px; color:var(--muted); font-weight:700; }.year-group { margin-top:24px; }.year-group>h2 { display:flex; align-items:baseline; gap:3px; margin:0 0 10px; color:var(--navy); }.year-group>h2 span { font-size:2rem; }.archive-list { display:grid; gap:10px; }.archive-list article { display:grid; grid-template-columns:74px 1fr auto; align-items:center; gap:16px; padding:17px; background:#fff; border:1px solid var(--line); border-radius:13px; }.archive-date { display:flex; flex-direction:column; align-items:center; padding-right:15px; border-right:1px solid var(--line); }.archive-date strong { color:var(--blue); font-size:1.05rem; }.archive-date span { color:var(--muted); font-size:.8rem; }.archive-info h3 { margin:0; color:var(--navy); font-size:1.08rem; }.archive-info p { margin:2px 0; color:var(--muted); font-size:.86rem; }.archive-badges { display:flex; flex-wrap:wrap; gap:5px; margin-top:5px; }.archive-badges span { padding:2px 7px; color:#475569; background:#f1f5f9; border-radius:999px; font-size:.7rem; font-weight:700; }.archive-open { padding:9px 12px; color:#fff; background:var(--blue); border-radius:9px; font-size:.84rem; font-weight:800; text-decoration:none; white-space:nowrap; }.no-results { margin-top:20px; padding:35px; text-align:center; background:#fff; border:1px solid var(--line); border-radius:14px; }
.club-notices { margin:0 0 24px; padding:clamp(17px,4vw,25px); background:#fff; border:1px solid #cbd5e1; border-radius:17px; box-shadow:0 8px 25px #0f38540d; scroll-margin-top:12px; }.club-notices-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }.club-notices-heading h2 { margin:2px 0; color:var(--navy); font-size:1.35rem; }.club-notices-heading>span { padding:3px 9px; color:var(--muted); background:#f1f5f9; border-radius:999px; font-size:.72rem; font-weight:700; }.notice-primary-list { display:grid; gap:9px; }.notice-item { padding:13px 14px; background:#f8fafc; border-left:4px solid #94a3b8; border-radius:9px; }.notice-item.important,.notice-compact.important { background:#fff7ed; border-color:#f97316; }.notice-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }.notice-title-row h3 { margin:0; color:var(--navy); font-size:1rem; }.important-mark { display:inline-block; margin-right:7px; padding:2px 6px; color:#fff; background:#ea580c; border-radius:5px; font-size:.67rem; font-weight:900; vertical-align:2px; }.notice-body { margin:7px 0; white-space:pre-wrap; }.notice-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px 14px; color:var(--muted); font-size:.72rem; }.notice-compact-list { display:grid; gap:6px; margin-top:9px; }.notice-compact { border:1px solid #dbe6ed; border-left:4px solid #94a3b8; border-radius:8px; background:#f8fafc; overflow:hidden; }.notice-compact>summary { display:flex; align-items:center; gap:5px; padding:9px 11px; cursor:pointer; list-style:none; }.notice-compact>summary::-webkit-details-marker { display:none; }.notice-compact>summary strong { flex:1; color:var(--navy); }.compact-hint { color:var(--blue); font-size:.72rem; font-weight:700; }.notice-compact-body { padding:0 12px 12px; }.notice-compact-body>p { margin:3px 0 8px; white-space:pre-wrap; }.notice-compact-body form { margin-top:8px; text-align:right; }.notice-empty { padding:12px; text-align:center; }.notice-compose { margin-top:13px; border:1px solid #bae6fd; border-radius:10px; background:#f0f9ff; overflow:hidden; }.notice-compose>summary { padding:10px 13px; color:var(--blue); font-weight:800; cursor:pointer; }.notice-compose>form { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:5px 13px 15px; }.notice-compose input:not([type=checkbox]),.notice-compose textarea { display:block; width:100%; margin-top:4px; padding:9px 10px; background:#fff; border:1px solid #b9cbd6; border-radius:8px; font:inherit; }.notice-body-field { grid-column:1 / 3; }.important-check { display:flex; align-items:center; gap:7px; }.notice-compose .primary { justify-self:end; align-self:end; }
@media (max-width:600px) { .container{padding-top:25px}.trip-heading{display:block}.count{display:inline-block;margin-top:9px}.trip-meta div,.party-meta div{display:block}.trip-meta dt,.party-meta dt{margin-top:7px}.members li,.party-members li{grid-template-columns:55px 1fr auto}.comment{grid-column:2 / 4}.status-options{gap:5px}.status-options span{font-size:.82rem}.site-header{height:58px}.site-header .brand{font-size:0}.site-header .brand span{font-size:1.3rem}.header-actions{gap:5px}.header-actions>a,.link-button{font-size:.78rem;padding:6px}.party-panel{padding:14px}.comment-form{grid-template-columns:1fr}.comment-form .secondary{width:100%}.comment-list li{gap:7px}.pagination{flex-wrap:wrap}.pdf-link{align-items:flex-start;flex-direction:column}.view-switcher{justify-content:flex-start;margin-top:-3px}.trip-section-heading{align-items:stretch;flex-direction:column}.trip-section-heading .archive-cta{align-self:flex-start} }
@media (max-width:600px) { .admin-heading,.admin-list article { align-items:stretch; flex-direction:column; }.admin-heading .button-link,.admin-buttons>* { flex:1; }.admin-buttons .button-link,.admin-buttons button { width:100%; }.admin-footer-actions,.admin-top-actions { align-items:stretch; flex-direction:column; } }
@media (max-width:700px) { .archive-search { grid-template-columns:1fr; }.archive-search .primary { width:100%; }.clear-search { text-align:center; }.archive-list article { grid-template-columns:58px 1fr; gap:10px; }.archive-date { padding-right:9px; }.archive-open { grid-column:1 / 3; text-align:center; }.focus-nav { flex-direction:column; gap:5px; } }
@media (max-width:600px) { .club-notices-heading{align-items:stretch;flex-direction:column}.club-notices-heading>span{align-self:flex-start}.notice-compose>form{grid-template-columns:1fr}.notice-body-field{grid-column:auto}.notice-compose .primary{width:100%;justify-self:stretch}.notice-meta{flex-direction:column}.compact-hint{display:none} }

/* Ver.1.8: participant count and admin change log */
.participant-count-field span { color:var(--muted); font-size:.78rem; font-weight:600; }
.participant-count-field input[type=number] { display:block; width:140px; margin-top:5px; padding:11px 12px; color:var(--ink); background:#fff; border:1px solid #b9cbd6; border-radius:9px; font:inherit; }
.participant-count-field small { display:block; margin-top:4px; color:var(--muted); font-size:.76rem; font-weight:500; }
.people-badge { color:#047857; font-size:.78rem; font-weight:800; white-space:nowrap; }
.log-heading p:last-child { margin:5px 0 0; color:var(--muted); }
.log-summary { margin:12px 0; color:var(--muted); font-weight:700; }
.log-table-wrap { overflow-x:auto; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 6px 20px #0f38540d; }
.log-table { width:100%; min-width:850px; border-collapse:collapse; font-size:.88rem; }
.log-table th,.log-table td { padding:12px 13px; border-bottom:1px solid #e2e8f0; text-align:left; vertical-align:top; }
.log-table th { color:var(--navy); background:#f8fafc; font-size:.78rem; white-space:nowrap; }
.log-table tr:last-child td { border-bottom:0; }
.log-time { width:155px; white-space:nowrap; color:var(--muted); }
.log-type { display:inline-block; padding:2px 7px; color:#075985; background:#e0f2fe; border-radius:999px; font-size:.75rem; font-weight:800; white-space:nowrap; }
.log-details { min-width:260px; white-space:pre-wrap; overflow-wrap:anywhere; }
.log-empty { padding:30px; background:#fff; border:1px solid var(--line); border-radius:14px; text-align:center; }
@media (max-width:600px) { .participant-count-field input[type=number]{width:100%}.log-heading{align-items:stretch;flex-direction:column} }

/* Ver.1.9: explicit RSVP edit controls */
.response-actions { display:flex; align-items:center; justify-content:flex-end; gap:6px; white-space:nowrap; }
.change-button { padding:6px 12px; color:#fff; background:var(--blue); border:1px solid var(--blue); border-radius:8px; font:inherit; font-size:.78rem; font-weight:900; cursor:pointer; box-shadow:0 2px 5px #0369a122; }
.change-button:hover { filter:brightness(.94); }
.party-change-button { background:#c2410c; border-color:#c2410c; }
.response-actions .inline-delete { margin:0; }
.response-actions .inline-delete button { padding:5px 8px; background:#fff; font-size:.72rem; }
.edit-dialog { width:min(520px,calc(100% - 28px)); max-height:calc(100vh - 40px); padding:0; color:var(--ink); background:#fff; border:0; border-radius:16px; box-shadow:0 24px 70px #082f4966; overflow:auto; }
.edit-dialog::backdrop { background:#082f4970; backdrop-filter:blur(2px); }
.edit-rsvp-form { display:grid; gap:13px; padding:20px; }
.edit-rsvp-form input:not([type=radio]),.edit-rsvp-form textarea { display:block; width:100%; margin-top:5px; padding:11px 12px; color:var(--ink); background:#fff; border:1px solid #b9cbd6; border-radius:9px; font:inherit; }
.edit-rsvp-form fieldset { margin:0; padding:0; border:0; }
.edit-rsvp-form legend { margin-bottom:6px; font-weight:700; }
.edit-dialog-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding-bottom:10px; border-bottom:1px solid var(--line); }
.edit-dialog-heading h3 { margin:2px 0 0; color:var(--navy); font-size:1.25rem; }
.dialog-close { width:36px; height:36px; flex:none; padding:0; color:#475569; background:#f1f5f9; border:0; border-radius:999px; font-size:1.35rem; line-height:1; cursor:pointer; }
.edit-dialog-actions { display:flex; justify-content:flex-end; gap:9px; padding-top:4px; }
.cancel-button { padding:11px 15px; color:#475569; background:#fff; border:1px solid #cbd5e1; border-radius:10px; font:inherit; font-weight:800; cursor:pointer; }
@media (max-width:600px) { .response-actions{gap:5px}.change-button{padding:6px 10px}.edit-rsvp-form{padding:16px}.edit-dialog-actions{flex-direction:column-reverse}.edit-dialog-actions>*{width:100%} }


/* Ver.1.10: expired club notice archive */
.notice-heading-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.notice-heading-actions>span { padding:3px 9px; color:var(--muted); background:#f1f5f9; border-radius:999px; font-size:.72rem; font-weight:700; }
.notice-heading-actions>a { padding:5px 9px; color:var(--blue); background:#f0f9ff; border:1px solid #bae6fd; border-radius:8px; font-size:.75rem; font-weight:800; text-decoration:none; }
.notice-heading-actions>a:hover { background:#e0f2fe; }
.notice-archive-intro .archive-cta { margin-top:12px; }
.past-notice-list { display:grid; gap:12px; margin-top:12px; }
.past-notice-item { padding:17px 18px; background:#fff; border:1px solid var(--line); border-left:4px solid #94a3b8; border-radius:13px; box-shadow:0 6px 20px #0f38540d; }
.past-notice-item.important { border-left-color:#f97316; background:#fffaf5; }
.past-notice-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.past-notice-top h2 { margin:0; color:var(--navy); font-size:1.08rem; }
.expired-badge { flex:none; padding:3px 8px; color:#64748b; background:#f1f5f9; border-radius:999px; font-size:.72rem; font-weight:800; white-space:nowrap; }
@media (max-width:600px) { .notice-heading-actions{justify-content:flex-start}.past-notice-top{flex-direction:column}.expired-badge{align-self:flex-start} }


/* Ver.1.11: show all current club notices collapsed by title */
.notice-all-list { margin-top:0; }
.notice-compact>summary { min-height:42px; }
.notice-compact>summary:hover { background:#f1f5f9; }
.notice-compact.important>summary:hover { background:#ffedd5; }
.compact-hint::before { content:"内容を表示"; }
.notice-compact[open] .compact-hint::before { content:"閉じる"; }
.notice-compact[open]>summary { border-bottom:1px solid #e2e8f0; }
@media (max-width:600px) { .compact-hint { display:inline; white-space:nowrap; } .compact-hint::before { content:"表示"; } .notice-compact[open] .compact-hint::before { content:"閉じる"; } }

/* Ver.1.12 notice management */
.notice-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:7px; margin-top:10px; }
.notice-actions form { margin:0; }
.notice-edit-button,.notice-archive-button,.notice-restore-button { display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:5px 12px; border-radius:8px; font:inherit; font-size:.78rem; font-weight:900; text-decoration:none; cursor:pointer; }
.notice-edit-button { color:#fff; background:var(--blue); border:1px solid var(--blue); }
.notice-archive-button { color:#475569; background:#fff; border:1px solid #cbd5e1; }
.notice-restore-button { color:#166534; background:#f0fdf4; border:1px solid #86efac; }
.notice-actions .mini-delete { min-height:32px; padding:5px 10px; font-size:.76rem; }
.notice-edit-card textarea,.notice-edit-card input:not([type=checkbox]) { display:block; width:100%; margin-top:5px; padding:10px 11px; border:1px solid #b9cbd6; border-radius:9px; background:#fff; font:inherit; }
.notice-date-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.archive-notice-actions { border-top:1px solid #e2e8f0; padding-top:10px; }
@media (max-width:600px) { .notice-actions{justify-content:flex-start}.notice-date-fields{grid-template-columns:1fr}.notice-edit-button,.notice-archive-button,.notice-restore-button{min-height:36px;padding:7px 13px} }

/* Ver.1.13: attendance target and trip photos */
.attendance-summary { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:7px; max-width:430px; }
.attendance-current { display:inline-flex; align-items:baseline; gap:3px; padding:7px 11px; color:#fff; background:var(--blue); border-radius:11px; box-shadow:0 4px 12px #0369a128; font-weight:900; white-space:nowrap; }
.attendance-current small { margin-right:3px; font-size:.7rem; font-weight:800; opacity:.88; }
.attendance-current strong { font-size:1.5rem; line-height:1; }
.attendance-target,.attendance-balance { display:inline-flex; align-items:center; min-height:34px; padding:5px 10px; border-radius:9px; font-size:.8rem; font-weight:900; white-space:nowrap; }
.attendance-target { color:#334155; background:#f1f5f9; border:1px solid #cbd5e1; }
.attendance-target.unset { color:#64748b; }
.attendance-balance.shortage { color:#b91c1c; background:#fef2f2; border:1px solid #fecaca; }
.attendance-balance.exact { color:#166534; background:#f0fdf4; border:1px solid #86efac; }
.attendance-balance.excess { color:#9a3412; background:#fff7ed; border:1px solid #fdba74; }
.admin-required-people { margin-top:5px; color:var(--muted); font-size:.82rem; font-weight:700; }
.photo-panel { margin-top:18px; padding:16px; background:#f8fafc; border:1px solid var(--line); border-radius:14px; }
.photo-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.photo-heading h3 { margin:2px 0 0; color:var(--navy); }
.photo-heading>span { padding:4px 9px; color:#475569; background:#fff; border:1px solid #cbd5e1; border-radius:999px; font-size:.78rem; font-weight:800; }
.photo-note { margin:8px 0 12px; color:var(--muted); font-size:.8rem; }
.photo-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(135px,1fr)); gap:10px; margin:12px 0; }
.trip-photo-card { position:relative; margin:0; padding:6px; background:#fff; border:1px solid #dbe5ec; border-radius:11px; overflow:hidden; }
.trip-photo-card>a { display:block; aspect-ratio:4/3; background:#e2e8f0; border-radius:7px; overflow:hidden; }
.trip-photo-card img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .18s ease; }
.trip-photo-card>a:hover img { transform:scale(1.03); }
.trip-photo-card figcaption { display:flex; flex-direction:column; gap:1px; padding:6px 2px 4px; min-width:0; }
.trip-photo-card figcaption strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.78rem; }
.trip-photo-card figcaption span { color:var(--muted); font-size:.68rem; }
.trip-photo-card form { margin:0; text-align:right; }
.trip-photo-card .mini-delete { padding:4px 7px; font-size:.67rem; }
.photo-upload { margin-top:10px; background:#fff; border:1px dashed #94a3b8; border-radius:10px; }
.photo-upload>summary { padding:10px 12px; color:var(--blue); font-weight:900; cursor:pointer; }
.photo-upload form { display:grid; grid-template-columns:1fr 1.3fr auto; align-items:end; gap:10px; padding:2px 12px 13px; }
.photo-upload input[type=text],.photo-upload input:not([type=file]) { display:block; width:100%; margin-top:4px; padding:9px 10px; border:1px solid #b9cbd6; border-radius:8px; font:inherit; background:#fff; }
.photo-upload input[type=file] { display:block; width:100%; margin-top:5px; font:inherit; }
.photo-upload small { display:block; margin-top:4px; color:var(--muted); font-size:.7rem; }
.photo-limit { margin:10px 0 0; color:#9a3412; font-weight:800; }
@media (max-width:700px) { .attendance-summary{justify-content:flex-start;max-width:none;margin-top:9px}.attendance-current strong{font-size:1.35rem}.photo-upload form{grid-template-columns:1fr}.photo-upload .secondary{width:100%}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* Ver.1.14: photo privacy, staged compression, rotation and admin photo management */
.photo-state { display:inline-flex; width:max-content; margin-top:3px; padding:2px 6px; border-radius:999px; font-size:.66rem; font-weight:900; }
.photo-state.high { color:#1d4ed8; background:#eff6ff; border:1px solid #bfdbfe; }
.photo-state.permanent { color:#166534; background:#f0fdf4; border:1px solid #bbf7d0; }
.photo-card-actions { display:flex; align-items:center; flex-wrap:wrap; gap:5px; padding:2px 2px 4px; }
.photo-card-actions form { margin:0; }
.photo-download,.photo-rotate { display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:3px 7px; border:1px solid #cbd5e1; border-radius:7px; background:#fff; color:#334155; font:inherit; font-size:.66rem; font-weight:800; text-decoration:none; cursor:pointer; }
.photo-download { color:var(--blue); border-color:#bae6fd; background:#f0f9ff; }
.admin-photo-manager { grid-column:1 / -1; width:100%; margin-top:12px; border-top:1px solid #dbe5ec; padding-top:10px; }
.admin-photo-manager>summary { cursor:pointer; color:var(--navy); font-weight:900; }
.admin-photo-summary { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin:12px 0 8px; padding:10px 12px; background:#f8fafc; border-radius:9px; color:var(--muted); font-size:.8rem; }
.admin-photo-summary form,.admin-photo-actions form { margin:0; }
.compress-now { min-height:32px; padding:5px 10px; border:1px solid #2563eb; border-radius:8px; background:#2563eb; color:#fff; font:inherit; font-size:.75rem; font-weight:900; cursor:pointer; }
.admin-photo-list { display:grid; gap:8px; }
.admin-photo-row { display:grid; grid-template-columns:92px minmax(0,1fr) auto; gap:11px; align-items:center; padding:9px; border:1px solid #dbe5ec; border-radius:10px; background:#fff; }
.admin-photo-thumb { width:92px; height:68px; border-radius:7px; overflow:hidden; background:#e2e8f0; }
.admin-photo-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.admin-photo-info { display:flex; flex-direction:column; gap:2px; min-width:0; }
.admin-photo-info strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.82rem; }
.admin-photo-info span { color:var(--muted); font-size:.71rem; }
.admin-photo-info .photo-state { color:inherit; }
.photo-warning { color:#b45309; }
.admin-photo-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:5px; max-width:270px; }
.admin-photo-actions>a { padding:5px 8px; color:var(--blue); background:#f0f9ff; border:1px solid #bae6fd; border-radius:7px; font-size:.72rem; font-weight:800; text-decoration:none; }
.mini-action { min-height:31px; padding:4px 8px !important; font-size:.72rem !important; }
@media (max-width:760px) { .admin-photo-row{grid-template-columns:70px minmax(0,1fr)}.admin-photo-thumb{width:70px;height:58px}.admin-photo-actions{grid-column:1 / -1;justify-content:flex-start;max-width:none}.photo-card-actions{justify-content:flex-start} }
.admin-list article { flex-wrap:wrap; }
.admin-photo-manager { flex-basis:100%; }


/* Ver.1.15: collapsed past notices */
.past-notice-item { padding:0; overflow:hidden; }
.past-notice-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; cursor:pointer; list-style:none; }
.past-notice-summary::-webkit-details-marker { display:none; }
.past-notice-title { min-width:0; color:var(--navy); font-size:1.02rem; font-weight:800; }
.past-notice-summary-right { display:flex; align-items:center; gap:9px; flex:none; }
.past-notice-item .when-open { display:none; }
.past-notice-item[open] .when-open { display:inline; }
.past-notice-item[open] .when-closed { display:none; }
.past-notice-body { padding:0 16px 16px; border-top:1px solid #e2e8f0; }
.past-notice-body .notice-body { margin-top:13px; }
@media (max-width:600px) {
  .past-notice-summary { align-items:flex-start; }
  .past-notice-summary-right { align-items:flex-end; flex-direction:column; gap:4px; }
  .past-notice-summary .compact-hint { display:inline; }
}

/* Ver.1.16: iPhone HEIC support and multi-photo upload progress */
.photo-upload-progress { grid-column:1 / -1; margin-top:2px; padding:10px 12px; background:#f0f9ff; border:1px solid #bae6fd; border-radius:10px; }
.photo-progress-line { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:7px; color:#0c4a6e; font-size:.82rem; }
.photo-progress-bar { display:block; width:100%; height:13px; accent-color:#0284c7; }
.photo-progress-detail { display:block; margin-top:6px !important; color:#475569 !important; }
.photo-upload-button:disabled { opacity:.55; cursor:wait; }


/* Ver.1.17: simplified member photo gallery */
.photo-gallery-panel { padding:0; overflow:hidden; }
.photo-gallery-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; cursor:pointer; list-style:none; user-select:none; }
.photo-gallery-summary::-webkit-details-marker { display:none; }
.photo-gallery-title { display:flex; align-items:center; gap:7px; color:var(--navy); font-size:1rem; font-weight:900; }
.photo-gallery-icon { font-size:1.12rem; }
.photo-gallery-summary-right { display:flex; align-items:center; gap:9px; color:var(--muted); font-size:.78rem; font-weight:800; }
.photo-gallery-summary .photo-count { padding:4px 9px; color:#475569; background:#fff; border:1px solid #cbd5e1; border-radius:999px; }
.photo-gallery-panel .when-open { display:none; color:var(--blue); }
.photo-gallery-panel[open] .when-open { display:inline; }
.photo-gallery-panel[open] .when-closed { display:none; }
.photo-gallery-body { padding:0 16px 16px; border-top:1px solid var(--line); }
.photo-gallery-body .photo-note { margin-top:12px; }
.trip-photo-card { padding:6px 6px 7px; }
.trip-photo-link { display:block; aspect-ratio:4/3; background:#e2e8f0; border-radius:7px; overflow:hidden; }
.photo-edit-menu { margin-top:6px; border-top:1px solid #e2e8f0; }
.photo-edit-menu>summary { display:flex; align-items:center; justify-content:center; min-height:30px; padding:5px 7px 1px; color:var(--blue); font-size:.72rem; font-weight:900; cursor:pointer; list-style:none; }
.photo-edit-menu>summary::-webkit-details-marker { display:none; }
.photo-edit-menu>summary::before { content:'⚙ '; }
.photo-edit-menu[open]>summary { color:#475569; }
.photo-edit-body { padding:5px 1px 2px; }
.photo-edit-state { margin-bottom:5px; }
.photo-edit-state .photo-state { margin-top:0; }
.photo-edit-menu .photo-card-actions { padding:0; gap:5px; }
@media (max-width:600px) {
  .photo-gallery-summary { padding:13px 14px; }
  .photo-gallery-summary-right { gap:6px; }
  .photo-gallery-summary .when-closed,.photo-gallery-summary .when-open { font-size:.72rem; }
  .photo-gallery-body { padding:0 12px 13px; }
}


/* Ver.1.18: clearer open/close controls and compact lists */
.toggle-action-button {
  display:inline-flex; align-items:center; justify-content:center; min-width:58px; min-height:32px;
  padding:5px 11px; color:var(--blue); background:#fff; border:1px solid #7dd3fc;
  border-radius:8px; font-size:.76rem; font-weight:900; line-height:1; box-shadow:0 1px 3px #0369a112;
}
.collapsible-list-panel { margin-top:16px; border:1px solid var(--line); border-radius:12px; background:#fff; overflow:hidden; }
.collapsible-list-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 13px; cursor:pointer; list-style:none; user-select:none; }
.collapsible-list-summary::-webkit-details-marker { display:none; }
.collapsible-list-title { color:var(--navy); font-size:1rem; font-weight:900; }
.collapsible-list-title>span { color:var(--muted); font-size:.8rem; }
.collapsible-list-panel .when-open { display:none; }
.collapsible-list-panel[open] .when-open { display:inline; }
.collapsible-list-panel[open] .when-closed { display:none; }
.collapsible-list-panel[open]>.collapsible-list-summary { border-bottom:1px solid var(--line); background:#f8fafc; }
.collapsible-list-body { padding:7px 13px 12px; }
.members.collapsible-list-panel { margin-top:18px; }
.members.collapsible-list-panel ul,.party-members.collapsible-list-panel ul { margin-top:0; }
.party-list-panel { border-color:#fed7aa; background:#fff; }
.party-list-panel[open]>.collapsible-list-summary { border-bottom-color:#fed7aa; background:#fff7ed; }
.party-toggle-button { color:#9a3412; border-color:#fdba74; }
.comments-collapsible { padding:0; }
.comments-collapsible-body { padding-top:12px; }
.comments-collapsible .comment-form { margin-top:0; }

.rsvp-register-panel { border:2px solid #38bdf8; box-shadow:0 5px 14px #0369a11c; }
.rsvp-register-summary,.party-register-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; list-style:none; }
.rsvp-register-summary::-webkit-details-marker,.party-register-summary::-webkit-details-marker { display:none; }
.rsvp-register-label { font-size:1rem; }
.rsvp-register-panel .when-open,.party-rsvp .when-open { display:none; }
.rsvp-register-panel[open] .when-open,.party-rsvp[open] .when-open { display:inline; }
.rsvp-register-panel[open] .when-closed,.party-rsvp[open] .when-closed { display:none; }
.rsvp-submit-cta { width:100%; min-height:52px; font-size:1.05rem; background:#0284c7; box-shadow:0 6px 15px #0369a13b; }
.rsvp-submit-cta:hover { background:#0369a1; }

.photo-gallery-summary .toggle-action-button { flex:none; }
.photo-card-actions { display:grid; grid-template-columns:1fr; gap:6px; padding:0; }
.photo-card-actions .photo-download { width:100%; min-height:32px; }
.photo-rotate-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px; width:100%; }
.photo-rotate-pair form { width:100%; margin:0; }
.photo-rotate-pair .photo-rotate { width:100%; min-width:0; min-height:32px; padding:4px 3px; }
.photo-delete-form { justify-self:end; margin:0; }
.photo-delete-form .mini-delete { min-height:30px; }

@media (max-width:600px) {
  .toggle-action-button { min-width:56px; min-height:34px; padding:6px 10px; }
  .collapsible-list-summary { padding:10px 11px; }
  .collapsible-list-body { padding:6px 11px 11px; }
  .rsvp-register-summary,.party-register-summary { padding:12px 13px; }
  .rsvp-submit-cta { min-height:54px; font-size:1.06rem; }
  .photo-gallery-summary-right { flex:none; }
  .photo-gallery-summary .photo-count { white-space:nowrap; }
}

/* Ver.1.19: stable accordion controls and work-position restore */
.toggle-action-button { white-space:nowrap; }
details[data-persist-ui] > summary { scroll-margin-top:84px; }


/* Ver.1.20: visually separate completed trips and hide new RSVP entry on past trips */
.past-trip-card {
  background:#f1f5f9;
  border-color:#cbd5e1;
  box-shadow:0 8px 22px #33415512;
}
.past-trip-card .trip-heading h2 { color:#475569; }
.past-trip-card .date { color:#64748b; }
.past-trip-card .trip-details>summary { color:#475569; background:#e2e8f0; border-color:#cbd5e1; }
.past-trip-card .trip-meta { background:#e9eef3; }
.past-trip-label {
  display:inline-block; margin-bottom:5px; padding:3px 9px; color:#475569; background:#e2e8f0;
  border:1px solid #cbd5e1; border-radius:999px; font-size:.74rem; font-weight:900;
}
.past-trip-card .count { color:#475569; background:#e2e8f0; }

/* Ver.1.30: local backup status and controls */
.backup-panel { margin:0 0 22px; padding:18px; border:1px solid #86efac; border-radius:14px; background:#f0fdf4; box-shadow:0 5px 18px #14532d12; }
.backup-panel.backup-warning { border-color:#fbbf24; background:#fffbeb; }
.backup-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.backup-panel h2 { margin:0 0 6px; color:var(--navy); }
.backup-status-line { margin:4px 0; }
.backup-alert { margin:8px 0 0; color:#b45309; font-weight:900; }
.backup-ok { margin:8px 0 0; color:#166534; font-weight:900; }
.backup-button { min-height:44px; white-space:nowrap; }
.backup-note { margin:12px 0 0; color:var(--muted); font-size:.86rem; }
.backup-note code { padding:2px 5px; border-radius:5px; background:#ffffffaa; }
.backup-history { margin-top:12px; }
.backup-history summary { cursor:pointer; font-weight:800; color:var(--navy); }
.backup-history ul { margin:9px 0 0; padding-left:20px; }
.backup-history li { margin:5px 0; }
.backup-history li span { margin-left:8px; color:var(--muted); font-size:.82rem; }
@media (max-width:700px) {
  .backup-panel-head { display:block; }
  .backup-panel-head form { margin-top:14px; }
  .backup-button { width:100%; }
}

/* Ver.1.40: manual two-tier backup with deduplicated uploads */
.backup-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:14px; }
.backup-card { padding:15px; border:1px solid #bbf7d0; border-radius:12px; background:#ffffffb8; }
.backup-card.is-reminder { border-color:#fbbf24; background:#fffdf5; }
.backup-card.is-critical { border-color:#f87171; background:#fff7f7; }
.backup-card h3 { margin:0 0 8px; color:var(--navy); font-size:1.02rem; }
.backup-card form { margin-top:12px; }
.backup-critical { margin:8px 0 0; color:#b91c1c; font-weight:900; }
.backup-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:8px; }
.backup-actions form { margin-top:0; }
.backup-actions button[disabled] { opacity:.55; cursor:not-allowed; }
@media (max-width:800px) {
  .backup-grid { grid-template-columns:1fr; }
  .backup-actions { display:block; }
  .backup-actions form + form { margin-top:8px; }
  .backup-actions button { width:100%; }
}


/* Ver.1.42 - compact backup, stable mobile RSVP layout, compact borrowed-rod control */
.backup-collapsible { padding:0; overflow:hidden; }
.backup-compact-summary { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 16px; cursor:pointer; list-style:none; }
.backup-compact-summary::-webkit-details-marker { display:none; }
.backup-compact-summary>span:first-child { display:grid; gap:2px; min-width:0; }
.backup-compact-summary strong { font-size:1rem; }
.backup-compact-summary small { color:var(--muted); font-weight:600; }
.backup-open-hint { flex:none; padding:6px 10px; border:1px solid #bae6fd; border-radius:999px; color:#0369a1; background:#f0f9ff; font-size:.78rem; font-weight:800; }
.backup-collapsible[open] .backup-open-hint { font-size:0; }
.backup-collapsible[open] .backup-open-hint::before { content:"詳細を閉じる"; font-size:.78rem; }
.backup-collapsible-body { padding:0 16px 16px; }
.rod-rental-total { display:inline-flex; flex-direction:column; align-items:center; justify-content:center; min-width:70px; padding:6px 10px; border-radius:10px; background:#eefcf6; color:#047857; white-space:nowrap; }
.rod-rental-total small { font-size:.68rem; font-weight:800; }
.rod-rental-total strong { font-size:1.15rem; line-height:1.1; }
.rod-rental-total.is-zero { opacity:.65; }
.rod-rental-field { display:block; padding:12px 14px; border:1px solid #bbf7d0; border-radius:10px; background:#f0fdf4; }
.rod-rental-main { display:flex; align-items:center; justify-content:space-between; gap:14px; min-width:0; }
.rod-rental-field small { display:block; margin-top:8px; color:var(--muted); font-size:.78rem; line-height:1.45; }
.rod-rental-check { display:flex; align-items:center; gap:8px; margin:0; font-weight:900; font-size:1rem; white-space:nowrap; }
.rod-rental-check input { flex:none; width:auto !important; margin:0 !important; }
.rod-rental-count { display:flex; align-items:center; justify-content:flex-end; gap:6px; margin:0; white-space:nowrap; }
.rod-rental-count .rod-count-label { color:#475569; font-size:.8rem; font-weight:800; }
.rod-rental-count input { flex:none; width:76px !important; margin:0 !important; padding:9px 10px !important; text-align:center; }
.response-item { display:grid !important; grid-template-columns:58px minmax(0,1fr) auto auto !important; grid-template-areas:"status name counts actions" "status comment comment comment"; align-items:start !important; gap:8px 10px !important; }
.response-item>.status { grid-area:status; }
.member-name-expand { grid-area:name; min-width:0; }
.member-name-expand summary { display:block; min-width:0; list-style:none; cursor:pointer; font-weight:800; }
.member-name-expand summary::-webkit-details-marker { display:none; }
.member-name-expand summary span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.member-name-full { margin-top:4px; padding:7px 9px; border-radius:8px; background:#f8fafc; color:#334155; font-size:.9rem; overflow-wrap:anywhere; }
.response-counts { grid-area:counts; display:flex; align-items:center; gap:5px; white-space:nowrap; }
.response-actions { grid-area:actions; }
.response-comment { grid-area:comment; display:block; white-space:pre-wrap; overflow-wrap:anywhere; padding-top:2px; }
.rod-badge { padding:3px 7px; border-radius:999px; background:#ecfdf5; color:#047857; font-size:.75rem; font-weight:800; white-space:nowrap; }
@media (max-width:600px) {
  .attendance-summary { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
  .rod-rental-total { min-width:70px; padding:5px 8px; }
  .response-item { grid-template-columns:52px minmax(0,1fr) auto !important; grid-template-areas:"status name counts" "status actions actions" ". comment comment" !important; gap:7px 8px !important; }
  .response-counts { justify-content:flex-end; align-self:center; }
  .response-actions { justify-content:flex-start; margin-top:1px; }
  .response-comment { padding:7px 0 1px; border-top:1px dashed #e2e8f0; }
  .member-name-expand summary span { max-width:100%; }
  .rod-rental-field { padding:11px 12px; }
  .rod-rental-main { gap:10px; }
  .rod-rental-count .rod-count-label { display:none; }
  .rod-rental-count input { width:68px !important; }
  .backup-compact-summary { padding:12px; }
  .backup-collapsible-body { padding:0 12px 12px; }
}


/* Ver.1.44: balanced attendance summary and compact rental badge; admin NAS status is cached-only */
.attendance-summary {
  gap:8px;
  align-items:stretch;
}
.attendance-current,
.rod-rental-total,
.attendance-target,
.attendance-balance {
  min-height:48px;
  box-sizing:border-box;
  border-radius:11px;
}
.attendance-current {
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:8px 13px;
}
.attendance-current small {
  margin:0;
  font-size:.76rem;
  line-height:1;
}
.attendance-current strong {
  font-size:1.45rem;
}
.rod-rental-total {
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:0;
  padding:8px 13px;
  border:1px solid #bbf7d0;
  background:#ecfdf5;
  white-space:nowrap;
}
.rod-rental-total small {
  font-size:.76rem;
  line-height:1;
  font-weight:900;
}
.rod-rental-total strong {
  font-size:1.45rem;
  line-height:1;
}
.attendance-target,
.attendance-balance {
  justify-content:center;
  padding:8px 13px;
  font-size:.83rem;
}
@media (max-width:600px) {
  .attendance-summary {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    gap:7px;
  }
  .attendance-current,
  .rod-rental-total,
  .attendance-target,
  .attendance-balance {
    width:100%;
    min-height:46px;
  }
  .attendance-current,
  .rod-rental-total {
    justify-content:center;
  }
  .attendance-current small,
  .rod-rental-total small {
    font-size:.73rem;
  }
  .attendance-current strong,
  .rod-rental-total strong {
    font-size:1.28rem;
  }
  .attendance-target,
  .attendance-balance {
    text-align:center;
    font-size:.78rem;
  }
}

/* Ver.1.46: iPhone admin controls - compact, equal-width, and overflow-safe */
.mobile-label { display:none; }

.admin-list article {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"info actions" "photos photos";
  align-items:center;
  gap:14px 18px;
  min-width:0;
  overflow:hidden;
}
.admin-list article>div:first-child { grid-area:info; min-width:0; }
.admin-list article>.admin-buttons { grid-area:actions; min-width:0; }
.admin-buttons form { margin:0; min-width:0; }

.admin-photo-link {
  grid-area:photos;
  display:grid;
  grid-template-columns:auto auto 1fr auto;
  align-items:center;
  gap:8px 12px;
  width:100%;
  min-width:0;
  padding:10px 12px;
  color:var(--navy);
  background:#f8fafc;
  border:1px solid #dbe5ec;
  border-radius:10px;
  font-weight:900;
  text-decoration:none;
  box-sizing:border-box;
}
.admin-photo-link strong { color:#0f3d5b; white-space:nowrap; }
.admin-photo-link small { color:var(--muted); font-weight:700; min-width:0; }
.admin-photo-arrow { color:var(--blue); font-size:1.45rem; line-height:1; }

.admin-photo-page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:18px; }
.admin-photo-page-heading h1 { margin:2px 0 8px; color:var(--navy); }
.admin-photo-page-heading h2 { margin:2px 0; color:var(--navy); }
.admin-photo-page-card { padding:18px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 8px 24px #0f385410; }
.admin-photo-page-summary { display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; margin-bottom:14px; padding:10px 12px; background:#f8fafc; border-radius:10px; color:var(--muted); font-size:.82rem; }
.admin-photo-page-summary strong { color:var(--navy); font-size:1rem; }
.admin-photo-page-summary form { margin:0 0 0 auto; }
.admin-photo-empty { padding:16px 2px; }

@media (max-width:600px) {
  html,body { max-width:100%; overflow-x:hidden; }
  .container { width:calc(100% - 20px); }
  .admin-heading { gap:12px; }
  .admin-top-actions { width:100%; }
  .admin-top-actions>a,.admin-top-actions form,.admin-top-actions button { width:100%; }
  .admin-list { width:100%; min-width:0; }

  .admin-list article {
    width:100%;
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"info" "actions" "photos";
    align-items:stretch;
    gap:14px;
    padding:16px 14px;
    box-sizing:border-box;
  }
  .admin-list article>div:first-child { width:100%; overflow-wrap:anywhere; }

  .admin-buttons {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
    width:100%;
    gap:8px;
  }
  .admin-buttons>* { width:100%; min-width:0; margin:0; }
  .admin-buttons form { display:block; height:100%; }
  .admin-buttons .button-link,
  .admin-buttons button {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    min-width:0;
    min-height:48px;
    padding:8px 4px;
    box-sizing:border-box;
    border-radius:10px;
    font-size:.76rem;
    font-weight:900;
    line-height:1.15;
    white-space:nowrap;
    writing-mode:horizontal-tb;
    word-break:keep-all;
  }
  .admin-buttons button:disabled {
    opacity:1;
    color:#94a3b8;
    background:#f1f5f9;
    border-color:#dbe3ec;
    cursor:default;
  }
  .desktop-label { display:none !important; }
  .mobile-label { display:inline !important; white-space:nowrap; }

  .admin-photo-link {
    grid-template-columns:minmax(0,1fr) auto auto;
    grid-template-areas:"title count arrow" "size size arrow";
    gap:2px 8px;
    padding:11px 12px;
  }
  .admin-photo-link>span:first-child { grid-area:title; min-width:0; }
  .admin-photo-link strong { grid-area:count; font-size:.8rem; }
  .admin-photo-link small { grid-area:size; font-size:.72rem; }
  .admin-photo-arrow { grid-area:arrow; align-self:center; }

  .admin-photo-page-heading { align-items:stretch; flex-direction:column; }
  .admin-photo-page-heading .button-link { width:100%; }
  .admin-photo-page-card { padding:12px; }
  .admin-photo-page-summary { align-items:stretch; flex-direction:column; }
  .admin-photo-page-summary form { margin:4px 0 0; }
  .admin-photo-page-summary button { width:100%; }
  .admin-photo-page-list { width:100%; min-width:0; }
  .admin-photo-row {
    width:100%;
    grid-template-columns:64px minmax(0,1fr);
    gap:8px;
    padding:8px;
    overflow:hidden;
    box-sizing:border-box;
  }
  .admin-photo-thumb { width:64px; height:54px; }
  .admin-photo-info { min-width:0; overflow:hidden; }
  .admin-photo-info strong,.admin-photo-info span { max-width:100%; overflow:hidden; text-overflow:ellipsis; }
  .admin-photo-actions { grid-column:1 / -1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; max-width:none; gap:6px; }
  .admin-photo-actions>a,.admin-photo-actions form,.admin-photo-actions button { width:100%; min-width:0; }
  .admin-photo-actions>a,.admin-photo-actions button { display:flex; align-items:center; justify-content:center; min-height:36px; white-space:nowrap; }
}


/* Ver.1.47: show notice posting date in the collapsed title */
.notice-posted-date {
  flex:none;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:2px 7px;
  color:#475569;
  background:#eaf1f5;
  border:1px solid #d7e2e8;
  border-radius:7px;
  font-size:.69rem;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
}
.notice-compact.important .notice-posted-date {
  color:#9a3412;
  background:#ffedd5;
  border-color:#fed7aa;
}
.past-notice-title {
  display:flex;
  align-items:center;
  min-width:0;
  gap:7px;
}
.past-notice-title-text {
  min-width:0;
  overflow-wrap:anywhere;
}
@media (max-width:600px) {
  .notice-compact>summary {
    align-items:center;
    flex-wrap:wrap;
    column-gap:7px;
    row-gap:5px;
  }
  .notice-compact>summary strong {
    min-width:120px;
    flex:1 1 45%;
  }
  .notice-posted-date {
    padding:2px 6px;
    font-size:.66rem;
  }
  .past-notice-summary {
    align-items:flex-start;
  }
  .past-notice-title {
    flex-wrap:wrap;
  }
}

/* Ver.1.49: trip weather, wind and wave forecast */
.trip-date-weather-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px 10px; }
.weather-compact {
  display:inline-flex; align-items:center; gap:7px; max-width:100%; min-height:30px; padding:4px 9px;
  color:#0c4a6e; background:#f0f9ff; border:1px solid #bae6fd; border-radius:999px;
  font-size:.74rem; font-weight:900; line-height:1.2; text-decoration:none;
}
.weather-compact span,.weather-compact small { white-space:nowrap; }
.weather-compact small { color:#475569; font-size:.68rem; font-weight:800; }
.weather-compact-official { background:#ecfeff; border-color:#67e8f9; }
.weather-compact-ai { color:#713f12; background:#fffbeb; border-color:#fde68a; }
.weather-compact-ai small { color:#78716c; }

.weather-location-fields { padding:15px; border:1px solid #bae6fd; border-radius:12px; background:#f8fdff; }
.weather-location-fields legend { padding:0 6px; color:var(--navy); font-weight:900; }
.weather-location-fields>p { margin:0 0 10px; color:var(--muted); font-size:.84rem; }
.weather-coordinate-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }
.map-coordinate-button { width:auto; min-height:40px; }
.map-coordinate-status { margin:8px 0 2px !important; color:var(--muted); font-size:.76rem !important; }
.map-coordinate-status.success { color:#166534; font-weight:800; }
.map-coordinate-status.error { color:#b91c1c; font-weight:800; }

.admin-list article { grid-template-areas:"info actions" "weather weather" "photos photos"; }
.admin-weather-link {
  grid-area:weather; display:grid; grid-template-columns:auto auto 1fr auto; align-items:center; gap:8px 12px;
  width:100%; min-width:0; padding:10px 12px; color:#0c4a6e; background:#f0f9ff;
  border:1px solid #bae6fd; border-radius:10px; font-weight:900; text-decoration:none; box-sizing:border-box;
}
.admin-weather-link strong { color:#075985; white-space:nowrap; }
.admin-weather-link small { color:var(--muted); font-weight:700; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.weather-page { display:grid; gap:18px; }
.weather-page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.weather-page-heading h1 { margin:2px 0 5px; color:var(--navy); }
.weather-page-heading h2 { margin:0; color:#334155; font-size:1.05rem; }
.weather-trip-meta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.weather-trip-meta>div { padding:11px 12px; background:#fff; border:1px solid var(--line); border-radius:11px; min-width:0; }
.weather-trip-meta small { display:block; margin-bottom:3px; color:var(--muted); font-size:.72rem; font-weight:800; }
.weather-trip-meta strong { display:block; overflow-wrap:anywhere; color:var(--navy); font-size:.9rem; }
.weather-update-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:12px; background:#fff; border:1px solid var(--line); border-radius:12px; }
.weather-update-row form { margin:0; }
.weather-range-note { flex:1 1 280px; color:var(--muted); font-size:.8rem; }
.forecast-block { padding:18px; background:#fff; border:1px solid var(--line); border-radius:15px; box-shadow:0 7px 20px #0f38540d; }
.official-forecast-block { border-color:#a5f3fc; }
.ai-forecast-block { border-color:#fde68a; background:#fffdf7; }
.previous-ai-forecast { opacity:.92; }
.forecast-block-title { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:14px; }
.forecast-block-title>div { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.forecast-block-title h2 { margin:0; color:var(--navy); font-size:1.35rem; }
.forecast-block-title>small { color:var(--muted); white-space:nowrap; }
.forecast-kind-badge { display:inline-flex; align-items:center; min-height:27px; padding:3px 8px; border-radius:999px; font-size:.72rem; font-weight:900; }
.forecast-kind-badge.official { color:#075985; background:#cffafe; }
.forecast-kind-badge.ai { color:#92400e; background:#fef3c7; }
.forecast-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.forecast-summary-grid>div { padding:11px; background:#f8fafc; border-radius:10px; min-width:0; }
.ai-forecast-block .forecast-summary-grid>div { background:#fffbeb; }
.forecast-summary-grid small { display:block; color:var(--muted); font-size:.7rem; font-weight:800; }
.forecast-summary-grid strong { display:block; margin-top:2px; color:#0f3d5b; font-size:.96rem; overflow-wrap:anywhere; }
.weather-table-title { margin:19px 0 8px; color:var(--navy); font-size:1rem; }
.weather-table-wrap { width:100%; overflow-x:auto; border:1px solid #dbe5ec; border-radius:10px; }
.weather-hourly-table { width:100%; min-width:820px; border-collapse:collapse; background:#fff; font-size:.78rem; }
.weather-hourly-table th,.weather-hourly-table td { padding:8px 9px; border-bottom:1px solid #e2e8f0; text-align:left; white-space:nowrap; }
.weather-hourly-table th { background:#f1f5f9; color:#475569; font-size:.7rem; }
.weather-sources { margin-top:16px; padding:12px 13px; background:#f8fafc; border-radius:10px; color:#475569; font-size:.78rem; }
.weather-sources strong { color:var(--navy); }
.weather-sources p { margin:5px 0; }
.weather-sources a { color:var(--blue); }
.weather-sources small { color:var(--muted); }
.ai-weather-comment { margin-top:14px; padding:12px 13px; background:#fff7ed; border-left:4px solid #f59e0b; border-radius:8px; }
.ai-weather-comment p { margin:5px 0 0; white-space:pre-wrap; }
.weather-empty-box { padding:22px; text-align:center; background:#fff; border:1px dashed #94a3b8; border-radius:14px; }
.weather-empty-box h3 { margin:0 0 6px; color:var(--navy); }
.weather-empty-box p { margin:0 0 12px; color:var(--muted); }
.weather-disclaimer { margin:0; padding:10px 12px; color:#64748b; background:#f8fafc; border-radius:9px; font-size:.76rem; }

.ai-weather-admin-page h2 { margin-top:-2px; color:#475569; font-size:1rem; }
.ai-workflow-note { padding:11px 12px; background:#fffbeb; border:1px solid #fde68a; border-radius:10px; color:#713f12; }
.ai-prompt-card { margin:17px 0; padding:14px; background:#f8fafc; border:1px solid var(--line); border-radius:12px; }
.ai-prompt-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
.ai-prompt-heading h3 { margin:0; color:var(--navy); }
.ai-prompt-text { width:100%; box-sizing:border-box; font:inherit; font-size:.82rem; line-height:1.5; }
.copy-status { min-height:1em; margin:6px 0 0; color:#166534; font-size:.76rem; font-weight:800; }
.ai-result-form { margin-top:18px; }

@media (max-width:600px) {
  .trip-date-weather-row { align-items:flex-start; flex-direction:column; gap:6px; }
  .weather-compact { width:100%; align-items:flex-start; flex-direction:column; gap:2px; border-radius:9px; box-sizing:border-box; }
  .weather-compact span,.weather-compact small { max-width:100%; white-space:normal; }
  .weather-coordinate-grid { grid-template-columns:1fr; }
  .map-coordinate-button { width:100%; }
  .admin-list article { grid-template-areas:"info" "actions" "weather" "photos"; }
  .admin-weather-link { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"title arrow" "count arrow" "place arrow"; gap:2px 8px; padding:11px 12px; }
  .admin-weather-link>span:first-child { grid-area:title; }
  .admin-weather-link strong { grid-area:count; font-size:.8rem; }
  .admin-weather-link small { grid-area:place; font-size:.72rem; }
  .admin-weather-link .admin-photo-arrow { grid-area:arrow; }
  .weather-page-heading { align-items:stretch; flex-direction:column; }
  .weather-page-heading .button-link { width:100%; }
  .weather-trip-meta { grid-template-columns:1fr; }
  .weather-update-row { align-items:stretch; flex-direction:column; }
  .weather-update-row form,.weather-update-row button,.weather-update-row .button-link { width:100%; }
  .forecast-block { padding:14px; }
  .forecast-block-title { flex-direction:column; gap:5px; }
  .forecast-block-title>small { white-space:normal; }
  .forecast-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ai-prompt-heading { align-items:stretch; flex-direction:column; }
  .ai-prompt-heading button { width:100%; }
}

/* Ver.1.49 revised: make manually editable forecast coordinates unmistakable. */
.weather-coordinate-grid input { color:#0f172a !important; background:#fff !important; opacity:1 !important; -webkit-text-fill-color:#0f172a; }
.weather-coordinate-grid input::placeholder { color:#94a3b8; opacity:1; }
.weather-coordinate-confirm { width:auto; min-height:40px; margin-top:10px; }
.weather-coordinate-confirm-status { margin:7px 0 0; color:var(--muted); font-size:.76rem; }
.weather-coordinate-confirm-status.success { color:#166534; font-weight:800; }
.weather-coordinate-confirm-status.error { color:#b91c1c; font-weight:800; }

.weather-coordinate-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.weather-coordinate-actions .secondary{width:auto}.weather-coordinate-grid input{font-variant-numeric:tabular-nums}
@media(max-width:640px){.weather-coordinate-actions{display:grid;grid-template-columns:1fr}.weather-coordinate-actions .secondary{width:100%}}

/* Ver.1.49r3 coordinate inputs */
.weather-coordinate-grid input{width:100%;min-width:0;user-select:text;-webkit-user-select:text;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;letter-spacing:.02em}

/* Ver.1.49r5: server-side coordinate form, no JavaScript parsing. */
.weather-coordinate-single { display:block; }
.weather-coordinate-single textarea {
  display:block !important;
  width:100% !important;
  min-height:58px;
  margin-top:6px;
  padding:13px 14px;
  box-sizing:border-box;
  color:#0f172a !important;
  background:#fff !important;
  opacity:1 !important;
  -webkit-text-fill-color:#0f172a !important;
  border:1px solid #9fb9c9;
  border-radius:10px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:1rem;
  font-weight:700;
  line-height:1.45;
  letter-spacing:.01em;
  resize:vertical;
  pointer-events:auto !important;
  user-select:text !important;
  -webkit-user-select:text !important;
  -webkit-appearance:none;
  appearance:none;
}
.weather-coordinate-single textarea:focus {
  outline:3px solid #7dd3fc88;
  border-color:var(--blue);
}
.weather-coordinate-actions-top { margin-bottom:4px; }
.weather-coordinate-server-status { margin:8px 0 3px; color:var(--muted); font-size:.8rem; font-weight:700; }
.weather-coordinate-server-status.success { color:#166534; }
.weather-coordinate-server-status.error { color:#b91c1c; }
@media(max-width:640px){
  .weather-coordinate-single textarea { min-height:64px; font-size:16px; }
}

/* Ver.1.49r5 final: unmistakable single editable coordinate field. */
.weather-coordinate-single textarea::placeholder {
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  opacity:1;
  font-weight:600;
}
.weather-coordinate-actions-top .map-coordinate-button { min-height:48px; }
.weather-coordinate-server-status { padding:9px 11px; background:#f8fafc; border-radius:8px; }
.weather-coordinate-server-status.success { background:#ecfdf5; }
.weather-coordinate-server-status.error { background:#fef2f2; }


/* Ver.1.50r1: tide cycle, high/low tide and AI tide workflow */
.weather-compact { flex-wrap:wrap; border-radius:12px; }
.weather-compact .tide-compact-line {
  flex-basis:100%;
  width:100%;
  padding-top:3px;
  border-top:1px solid #cbd5e1;
  color:#0f766e;
  white-space:normal;
  line-height:1.35;
}
.weather-compact-ai .tide-compact-line { color:#92400e; border-top-color:#fde68a; }

.tide-panel {
  margin-top:18px;
  padding:16px;
  border:1px solid #99f6e4;
  border-radius:13px;
  background:linear-gradient(180deg,#f0fdfa 0,#f8fafc 100%);
}
.ai-tide-panel { border-color:#fcd34d; background:linear-gradient(180deg,#fffbeb 0,#fffdf7 100%); }
.tide-panel-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.tide-panel-heading h3 { margin:1px 0 0; color:#134e4a; font-size:1.08rem; }
.ai-tide-panel .tide-panel-heading h3 { color:#78350f; }
.tide-reference-badge {
  flex:none;
  padding:4px 9px;
  border-radius:999px;
  color:#115e59;
  background:#ccfbf1;
  font-size:.7rem;
  font-weight:900;
}
.tide-summary-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.tide-summary-grid>div {
  min-width:0;
  padding:11px;
  border:1px solid #ccfbf1;
  border-radius:10px;
  background:#fff;
}
.ai-tide-panel .tide-summary-grid>div { border-color:#fde68a; background:#fffdf7; }
.tide-summary-grid small {
  display:block;
  color:#64748b;
  font-size:.7rem;
  font-weight:800;
}
.tide-summary-grid strong {
  display:block;
  margin-top:2px;
  color:#134e4a;
  font-size:.94rem;
  overflow-wrap:anywhere;
}
.ai-tide-panel .tide-summary-grid strong { color:#78350f; }
.tide-summary-grid span {
  display:block;
  margin-top:2px;
  color:#64748b;
  font-size:.68rem;
}
.tide-events {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:8px;
  margin-top:12px;
}
.tide-event {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:2px 8px;
  align-items:center;
  padding:9px 10px;
  border-radius:9px;
  background:#fff;
}
.tide-event span { color:#0f766e; font-size:.73rem; font-weight:900; }
.tide-event strong { color:#134e4a; font-size:1.02rem; }
.tide-event small { grid-column:1 / -1; color:#64748b; font-size:.67rem; }
.tide-event.low span { color:#0369a1; }
.tide-warning,.source-warning {
  margin:12px 0 0;
  padding:9px 11px;
  border-radius:8px;
  color:#92400e;
  background:#fffbeb;
  font-size:.76rem;
  font-weight:700;
}
.weather-hourly-table { min-width:980px; }

@media (max-width:600px) {
  .weather-compact .tide-compact-line { max-width:100%; white-space:normal; }
  .tide-panel { padding:13px; }
  .tide-panel-heading { flex-direction:column; gap:5px; }
  .tide-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tide-events { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:390px) {
  .tide-summary-grid,.tide-events { grid-template-columns:1fr; }
}

/* Ver.1.50r4 AI forecast archive / fun prediction */
.previous-ai-archive { margin-top: 18px; border: 1px solid #d8dde6; border-radius: 12px; padding: 0; background: #fafbfc; }
.previous-ai-archive > summary { cursor: pointer; font-weight: 700; padding: 14px 16px; }
.previous-ai-archive[open] > summary { border-bottom: 1px solid #e3e7ee; }
.ai-archive-note { margin: 12px 16px 0; font-size: .92rem; }
.ai-fun-forecast-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 16px 0; }
.ai-fun-card { border: 1px solid #d8dde6; border-radius: 12px; padding: 14px; background: #fff; display: flex; flex-direction: column; gap: 5px; }
.ai-fun-card small { font-weight: 700; }
.ai-fun-card strong { font-size: 1.15rem; overflow-wrap: anywhere; }
.ai-fun-card span { font-size: .82rem; opacity: .75; }
@media (max-width: 700px) { .ai-fun-forecast-grid { grid-template-columns: 1fr; } }


/* Ver.1.50r5: compact AI forecast summary */
.weather-compact-ai {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  width:min(100%, 820px);
  border-radius:12px;
  padding:7px 9px;
}
.weather-compact-ai .ai-summary-chip {
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-width:0;
  max-width:100%;
  padding:4px 7px;
  border-radius:8px;
  background:#fff;
  color:#713f12;
  font-size:.7rem;
  font-weight:800;
  line-height:1.25;
  white-space:normal;
  overflow-wrap:anywhere;
}
.weather-compact-ai .ai-summary-chip b {
  flex:none;
  color:#92400e;
  font-size:.68rem;
}
.weather-compact-ai .ai-summary-catch {
  flex:1 1 210px;
}
.weather-compact-ai .ai-summary-open {
  margin-left:auto;
  color:#92400e;
  font-size:.68rem;
  font-weight:900;
  white-space:nowrap;
}

.ai-key-summary-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.ai-key-card {
  min-width:0;
  padding:12px;
  border:1px solid #fde68a;
  border-radius:11px;
  background:#fff;
}
.ai-key-card small {
  display:block;
  margin-bottom:4px;
  color:#92400e;
  font-size:.72rem;
  font-weight:900;
}
.ai-key-card strong {
  display:block;
  color:#0f3d5b;
  font-size:.96rem;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.ai-key-catch strong {
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ai-detail-toggle {
  margin-top:12px;
  border-top:1px solid #fde68a;
}
.ai-detail-toggle > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  padding:12px 2px 2px;
  color:#92400e;
  font-weight:900;
  list-style-position:inside;
}
.ai-detail-toggle > summary small {
  color:#78716c;
  font-size:.72rem;
  font-weight:700;
}
.ai-detail-body {
  padding-top:13px;
}

@media (max-width:700px) {
  .weather-compact-ai {
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    box-sizing:border-box;
  }
  .weather-compact-ai .ai-summary-chip {
    width:100%;
    box-sizing:border-box;
  }
  .weather-compact-ai .ai-summary-catch {
    grid-column:1 / -1;
  }
  .weather-compact-ai .ai-summary-open {
    grid-column:1 / -1;
    margin-left:0;
    text-align:right;
  }
  .ai-key-summary-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ai-key-card {
    padding:10px;
  }
  .ai-key-card strong {
    font-size:.9rem;
  }
  .ai-detail-toggle > summary {
    align-items:flex-start;
    flex-direction:column;
    gap:2px;
  }
}

@media (max-width:420px) {
  .weather-compact-ai {
    gap:5px;
  }
  .weather-compact-ai .ai-summary-chip {
    font-size:.67rem;
    padding:4px 6px;
  }
  .ai-key-summary-grid {
    gap:7px;
  }
}


/* Ver.1.50r7: ultra-compact fun AI forecast summary */
.weather-compact-ai {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  column-gap:10px;
  row-gap:2px;
  width:min(100%, 520px);
  max-width:520px;
  padding:8px 10px;
  border-radius:11px;
  box-sizing:border-box;
}
.weather-compact-ai .ai-fun-title {
  grid-column:1;
  grid-row:1 / span 4;
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  max-width:112px;
  padding:5px 8px;
  color:#92400e;
  background:#fef3c7;
  border-radius:8px;
  font-size:.72rem;
  font-weight:900;
  line-height:1.25;
  text-align:center;
  white-space:normal;
}
.weather-compact-ai .ai-fun-line {
  grid-column:2;
  display:block;
  min-width:0;
  max-width:100%;
  color:#57534e;
  font-size:.7rem;
  font-weight:800;
  line-height:1.3;
  white-space:normal;
  overflow-wrap:anywhere;
}
.weather-compact-ai .ai-summary-open {
  grid-column:2;
  margin:1px 0 0;
  color:#92400e;
  font-size:.66rem;
  font-weight:900;
  text-align:right;
  white-space:normal;
}
.ai-detail-direct {
  padding-top:0;
}
.ai-forecast-block:target {
  scroll-margin-top:84px;
}
@media (max-width:700px) {
  .weather-compact-ai {
    width:100%;
    max-width:100%;
    grid-template-columns:1fr;
    row-gap:3px;
  }
  .weather-compact-ai .ai-fun-title,
  .weather-compact-ai .ai-fun-line,
  .weather-compact-ai .ai-summary-open {
    grid-column:1;
  }
  .weather-compact-ai .ai-fun-title {
    grid-row:auto;
    max-width:none;
    justify-content:flex-start;
    padding:4px 7px;
    text-align:left;
  }
  .weather-compact-ai .ai-summary-open {
    text-align:left;
  }
}


/* Ver.1.50r8: stable trip header alignment across browser zoom levels */
.trip-heading {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,320px);
  align-items:start;
  gap:18px 24px;
}
.trip-main-summary {
  min-width:0;
}
.trip-date-weather-row {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:9px;
  width:100%;
  min-width:0;
}
.trip-date-weather-row .date {
  width:max-content;
  max-width:100%;
}
.trip-date-weather-row .weather-compact {
  width:100%;
  max-width:none;
  min-width:0;
  justify-self:stretch;
}
.attendance-summary {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;
  max-width:none;
  gap:8px;
  align-items:stretch;
}
.attendance-current,
.rod-rental-total,
.attendance-target,
.attendance-balance {
  width:100%;
  min-width:0;
  justify-content:center;
  text-align:center;
}
.weather-compact-ai .ai-fun-title {
  flex-direction:column;
  gap:3px;
  min-width:116px;
}
.weather-compact-ai .ai-fun-title strong {
  display:block;
  color:#92400e;
  font-size:.72rem;
  font-weight:900;
  line-height:1.25;
  text-align:center;
  white-space:normal;
}
.weather-compact-ai .ai-predicted-at {
  display:block;
  width:100%;
  padding-top:3px;
  border-top:1px solid #f5d98d;
  color:#a16207;
  font-size:.57rem;
  font-weight:800;
  line-height:1.3;
  text-align:center;
  white-space:normal;
}

@media (max-width:860px) {
  .trip-heading {
    grid-template-columns:minmax(0,1fr);
    gap:14px;
  }
  .attendance-summary {
    max-width:430px;
    justify-self:start;
  }
}

@media (max-width:600px) {
  .trip-heading {
    display:grid;
    grid-template-columns:minmax(0,1fr);
  }
  .attendance-summary {
    width:100%;
    max-width:none;
  }
  .weather-compact-ai .ai-fun-title {
    align-items:flex-start;
    min-width:0;
  }
  .weather-compact-ai .ai-fun-title strong {
    text-align:left;
  }
  .weather-compact-ai .ai-predicted-at {
    width:auto;
    padding-top:2px;
    border-top:0;
    text-align:left;
    font-size:.58rem;
  }
}


/* Ver.1.50r10: stronger date/title hierarchy and balanced summary row */
.trip-heading {
  display:block;
}

.trip-heading-labels {
  min-height:26px;
  margin-bottom:8px;
}

.trip-title-line {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 15px;
  margin:0 0 15px;
}

.trip-title-line .date {
  flex:none;
  margin:0;
  padding:6px 11px;
  border:1px solid #bae6fd;
  border-radius:10px;
  color:#075985;
  background:#f0f9ff;
  font-size:clamp(1.02rem,2vw,1.22rem);
  font-weight:900;
  line-height:1.2;
  letter-spacing:.01em;
  white-space:nowrap;
}

.trip-title-line h2 {
  margin:0;
  color:var(--navy);
  font-size:clamp(1.42rem,2.7vw,1.78rem);
  font-weight:900;
  line-height:1.2;
  letter-spacing:.01em;
}

.trip-summary-row {
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);
  align-items:stretch;
  gap:16px;
  width:100%;
}

.trip-summary-row .weather-compact {
  width:100%;
  max-width:none;
  min-width:0;
  min-height:104px;
  margin:0;
  box-sizing:border-box;
  justify-self:stretch;
}

.trip-summary-row .attendance-summary {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(48px,1fr));
  align-items:stretch;
  gap:8px;
  width:100%;
  max-width:none;
  min-width:0;
  height:100%;
  margin:0;
}

.trip-summary-row .attendance-current,
.trip-summary-row .rod-rental-total,
.trip-summary-row .attendance-target,
.trip-summary-row .attendance-balance {
  width:100%;
  min-width:0;
  min-height:48px;
  margin:0;
  justify-content:center;
  text-align:center;
  box-sizing:border-box;
}

.trip-summary-row .weather-compact-ai {
  display:grid;
  grid-template-columns:142px minmax(0,1fr);
  grid-template-rows:repeat(4,auto);
  align-content:center;
  align-items:center;
  column-gap:13px;
  row-gap:3px;
  padding:10px 12px;
  border-radius:13px;
}

.trip-summary-row .weather-compact-ai .ai-fun-title {
  grid-column:1;
  grid-row:1 / span 4;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-width:0;
  max-width:none;
  padding:8px 9px;
  background:#fef3c7;
  border-radius:9px;
}

.trip-summary-row .weather-compact-ai .ai-fun-title strong {
  font-size:.76rem;
  line-height:1.25;
  text-align:center;
}

.trip-summary-row .weather-compact-ai .ai-predicted-at {
  width:100%;
  padding-top:4px;
  border-top:1px solid #f5d98d;
  font-size:.58rem;
  line-height:1.3;
  text-align:center;
}

.trip-summary-row .weather-compact-ai .ai-fun-line {
  grid-column:2;
  font-size:.72rem;
  line-height:1.32;
}

.trip-summary-row .weather-compact-ai .ai-summary-open {
  grid-column:2;
  margin-top:1px;
  text-align:right;
  font-size:.67rem;
}

/* Medium width / browser zoom: keep each block intact, then stack cleanly. */
@media (max-width:920px) {
  .trip-summary-row {
    grid-template-columns:minmax(0,1fr);
    gap:11px;
  }

  .trip-summary-row .weather-compact {
    min-height:0;
  }

  .trip-summary-row .attendance-summary {
    max-width:520px;
  }
}

/* Phone: title/date remain prominent but wrap naturally. */
@media (max-width:600px) {
  .trip-heading-labels {
    margin-bottom:6px;
  }

  .trip-title-line {
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
    margin-bottom:11px;
  }

  .trip-title-line .date {
    padding:5px 9px;
    font-size:1rem;
  }

  .trip-title-line h2 {
    font-size:1.42rem;
  }

  .trip-summary-row .attendance-summary {
    max-width:none;
  }

  .trip-summary-row .weather-compact-ai {
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto;
    row-gap:3px;
  }

  .trip-summary-row .weather-compact-ai .ai-fun-title,
  .trip-summary-row .weather-compact-ai .ai-fun-line,
  .trip-summary-row .weather-compact-ai .ai-summary-open {
    grid-column:1;
  }

  .trip-summary-row .weather-compact-ai .ai-fun-title {
    grid-row:auto;
    align-items:flex-start;
    padding:5px 7px;
  }

  .trip-summary-row .weather-compact-ai .ai-fun-title strong,
  .trip-summary-row .weather-compact-ai .ai-predicted-at {
    text-align:left;
  }

  .trip-summary-row .weather-compact-ai .ai-predicted-at {
    width:auto;
    border-top:0;
    padding-top:0;
  }

  .trip-summary-row .weather-compact-ai .ai-summary-open {
    text-align:left;
  }
}

/* Ver.1.50r11: iPhone hourly forecast - replace wide horizontal table with stacked cards. */
@media (max-width:700px) {
  .weather-table-wrap {
    width:100%;
    max-width:100%;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
  }

  .weather-hourly-table {
    display:block;
    width:100%;
    min-width:0;
    background:transparent;
    font-size:.82rem;
  }

  .weather-hourly-table thead {
    display:none;
  }

  .weather-hourly-table tbody {
    display:grid;
    gap:10px;
    width:100%;
  }

  .weather-hourly-table tr {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    min-width:0;
    padding:10px;
    border:1px solid #dbe5ec;
    border-radius:11px;
    background:#fff;
    box-shadow:0 3px 10px #0f385408;
  }

  .weather-hourly-table td {
    display:block;
    min-width:0;
    padding:6px 8px;
    border:0;
    white-space:normal;
    overflow-wrap:anywhere;
  }

  .weather-hourly-table td::before {
    content:attr(data-label);
    display:block;
    margin-bottom:1px;
    color:#64748b;
    font-size:.66rem;
    font-weight:800;
    line-height:1.25;
  }

  .weather-hourly-table td:first-child {
    grid-column:1 / -1;
    padding-bottom:8px;
    color:#0f3d5b;
    font-size:1.02rem;
    font-weight:900;
    border-bottom:1px solid #e2e8f0;
  }

  .weather-hourly-table td:first-child::before {
    display:inline;
    margin-right:7px;
  }
}

@media (max-width:390px) {
  .weather-hourly-table tr {
    grid-template-columns:1fr;
  }

  .weather-hourly-table td:first-child {
    grid-column:1;
  }
}

/* Ver.1.50r12: prominent trip organizer display */
.trip-organizer-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0.45rem 0 0.65rem;
  padding: 0.5rem 0.85rem;
  border: 1px solid rgba(14, 116, 144, 0.22);
  border-radius: 999px;
  background: #ecfeff;
  color: #164e63;
  font-size: 1rem;
  line-height: 1.35;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.trip-organizer-badge strong {
  color: #0f172a;
  font-size: 1.08em;
}
.weather-organizer-badge {
  margin-bottom: 0;
}
.admin-organizer-name,
.archive-organizer-name {
  margin: 0.25rem 0;
  color: #155e75;
}
@media (max-width: 700px) {
  .trip-organizer-badge {
    display: flex;
    width: fit-content;
    max-width: 100%;
    padding: 0.48rem 0.72rem;
    font-size: 0.98rem;
  }
}


/* Ver.1.50r18: photo ranking, viewer, comparison and replacement */
.trip-photo-link { position:relative; display:block; }
.photo-rank-badge {
  position:absolute; top:8px; left:8px; z-index:2;
  display:inline-flex; align-items:center; justify-content:center;
  min-width:42px; padding:4px 8px; border-radius:999px;
  background:#082f49e8; color:#fff; font-size:.78rem; font-weight:900;
  box-shadow:0 2px 8px #0f172a33;
}
.photo-top-ranked { outline:2px solid #7dd3fc; outline-offset:-2px; }
.photo-view-button {
  display:inline-flex; align-items:center; justify-content:center;
  padding:7px 10px; border:1px solid #bae6fd; border-radius:8px;
  color:#075985; background:#f0f9ff; font-weight:800; text-decoration:none;
}
.photo-view-page { display:grid; gap:18px; }
.photo-view-heading {
  display:flex; align-items:flex-start; justify-content:space-between; gap:18px;
}
.photo-view-heading h1 { margin:3px 0 0; color:var(--navy); }
.photo-view-heading .date { margin:4px 0 0; color:var(--muted); }
.photo-view-rankline {
  display:flex; align-items:center; flex-wrap:wrap; gap:9px;
  padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:#fff;
}
.photo-state.permanent-candidate {
  display:inline-flex; padding:3px 8px; border-radius:999px;
  background:#ecfeff; color:#0e7490; font-weight:800; font-size:.8rem;
}
.photo-view-main {
  display:grid; grid-template-columns:88px minmax(0,1fr) 88px;
  gap:12px; align-items:stretch;
}
.photo-view-image-wrap {
  min-height:380px; display:flex; align-items:center; justify-content:center;
  background:#07111d; border-radius:16px; overflow:hidden;
}
.photo-view-image { display:block; max-width:100%; max-height:76vh; object-fit:contain; }
.photo-nav {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:4px; min-height:170px; padding:10px;
  border:1px solid #bae6fd; border-radius:14px; background:#f8fdff;
  color:#075985; text-decoration:none; font-size:2rem; font-weight:900;
}
.photo-nav span { font-size:.78rem; }
.photo-nav-disabled { opacity:.35; pointer-events:none; }
.photo-view-mobile-nav { display:none; justify-content:space-between; gap:12px; }
.photo-view-tools {
  display:grid; gap:18px; padding:18px;
  border:1px solid var(--line); border-radius:16px; background:#fff;
}
.photo-view-tools h2,.photo-view-tools h3 { margin:0; color:var(--navy); }
.photo-view-basic-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.photo-view-basic-actions form { margin:0; }
.photo-position-panel,.photo-swap-panel,.photo-replace-panel {
  display:grid; gap:12px; padding:16px; border:1px solid #dbeafe;
  border-radius:14px; background:#f8fbff;
}
.photo-position-panel p,.photo-swap-panel p,.photo-replace-panel p { margin:0; color:#475569; }
.photo-position-form { display:flex; flex-wrap:wrap; align-items:end; gap:10px; }
.photo-position-form label { min-width:160px; }
.photo-compare-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;
}
.photo-compare-grid figure {
  margin:0; padding:10px; border:1px solid var(--line);
  border-radius:12px; background:#fff;
}
.photo-compare-grid figcaption { margin-bottom:8px; font-weight:800; color:#334155; }
.photo-compare-grid img {
  width:100%; height:320px; object-fit:contain; display:block;
  border-radius:9px; background:#0f172a;
}
.photo-swap-options {
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px;
  max-height:390px; overflow:auto; padding:4px;
}
.photo-swap-option {
  position:relative; display:grid; gap:4px; padding:5px;
  border:1px solid var(--line); border-radius:9px; background:#fff; cursor:pointer;
}
.photo-swap-option input { position:absolute; top:8px; left:8px; z-index:2; }
.photo-swap-option img { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:7px; }
.photo-swap-option span { text-align:center; font-size:.78rem; font-weight:800; }
.photo-swap-option:has(input:checked) { outline:3px solid #38bdf8; }
.photo-replace-form { display:grid; gap:12px; }
.photo-replace-form label { display:grid; gap:5px; }
.photo-danger-zone {
  border-top:1px solid #fee2e2; padding-top:12px;
}
.photo-danger-zone summary { color:var(--red); font-weight:800; cursor:pointer; }
.admin-photo-thumb { position:relative; }

@media (max-width:760px) {
  .photo-view-heading { display:grid; }
  .photo-view-main { grid-template-columns:1fr; }
  .photo-view-main > .photo-nav { display:none; }
  .photo-view-mobile-nav { display:flex; }
  .photo-view-image-wrap { min-height:260px; }
  .photo-view-image { max-height:64vh; }
  .photo-compare-grid { grid-template-columns:1fr; }
  .photo-compare-grid img { height:260px; }
  .photo-swap-options { grid-template-columns:repeat(3,minmax(0,1fr)); max-height:420px; }
}


/* Ver.1.50r19: photo organizer without rank overlays */
.photo-rank-badge { display:none !important; }
.photo-top-ranked { outline:none; }
.photo-grid {
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.photo-gallery-zone {
  margin:14px 0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:13px;
}
.photo-gallery-retained { background:#f0fdf4; border-color:#bbf7d0; }
.photo-gallery-expiring { background:#fff7ed; border-color:#fed7aa; }
.photo-gallery-zone-heading {
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  margin-bottom:8px;
}
.photo-gallery-zone-heading strong { color:var(--navy); }
.photo-gallery-zone-heading span { color:var(--muted); font-size:.78rem; }
.photo-retained-card { border-color:#bbf7d0; }
.photo-expiring-card { border-color:#fdba74; }
.photo-state.expiring {
  display:inline-flex; padding:3px 8px; border-radius:999px;
  background:#ffedd5; color:#9a3412; font-weight:800; font-size:.8rem;
}

.admin-photo-page-card { display:grid; gap:18px; }
.photo-reorder-guide {
  display:flex; align-items:center; flex-wrap:wrap; gap:10px;
  padding:12px 14px; border:1px solid #bae6fd; border-radius:12px; background:#f0f9ff;
}
.photo-reorder-guide strong { color:#075985; }
.photo-reorder-guide span { color:#475569; font-size:.86rem; }
.photo-zone {
  padding:14px; border:1px solid var(--line); border-radius:14px;
}
.photo-zone-retained { background:#f0fdf4; border-color:#bbf7d0; }
.photo-zone-expiring { background:#fff7ed; border-color:#fed7aa; }
.photo-zone-heading {
  display:flex; align-items:flex-start; justify-content:space-between; gap:14px;
  margin-bottom:12px;
}
.photo-zone-heading h3 { margin:0; color:var(--navy); }
.photo-zone-heading p { margin:3px 0 0; color:#64748b; font-size:.82rem; }
.photo-zone-heading>strong {
  flex:none; padding:4px 9px; border-radius:999px; background:#fff;
  border:1px solid #cbd5e1; color:#475569; font-size:.8rem;
}
.photo-organizer-grid {
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px;
}
.photo-organizer-card {
  min-width:0; padding:6px; border:1px solid #dbe5ec; border-radius:11px; background:#fff;
  transition:box-shadow .15s ease, transform .15s ease, border-color .15s ease;
}
.photo-organizer-card.is-expiring { border-color:#fdba74; }
.photo-organizer-card.is-movable .photo-organizer-thumb { cursor:pointer; }
.photo-organizer-card.is-selected {
  border-color:#0284c7;
  box-shadow:0 0 0 3px #38bdf84d, 0 8px 18px #0f172a1a;
  transform:translateY(-2px);
}
.photo-organizer-thumb {
  display:block; width:100%; padding:0; border:0; border-radius:8px; overflow:hidden;
  aspect-ratio:4/3; background:#e2e8f0;
}
.photo-organizer-thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.photo-organizer-meta { min-height:26px; padding:5px 2px 2px; }
.photo-organizer-actions {
  display:flex; align-items:center; flex-wrap:wrap; gap:5px; padding:3px 2px 2px;
}
.photo-organizer-actions>a,
.photo-organizer-actions summary {
  color:#075985; font-size:.72rem; font-weight:800; cursor:pointer; text-decoration:none;
}
.photo-organizer-actions details { position:relative; }
.photo-organizer-more {
  display:flex; flex-wrap:wrap; gap:6px; margin-top:5px; padding:8px;
  border:1px solid var(--line); border-radius:9px; background:#f8fafc;
  font-size:.7rem; color:#475569;
}
.photo-organizer-more span { width:100%; overflow-wrap:anywhere; }
.photo-organizer-more form { margin:0; }

.photo-view-statusline {
  display:flex; align-items:center; flex-wrap:wrap; gap:9px;
  padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:#fff;
}
.photo-position-panel { display:grid; gap:12px; }
.photo-destination-form { display:grid; gap:14px; }
.photo-destination-zone {
  display:grid; gap:6px; padding:12px; border:1px solid var(--line); border-radius:12px;
}
.photo-destination-zone.retained { background:#f0fdf4; border-color:#bbf7d0; }
.photo-destination-zone.expiring { background:#fff7ed; border-color:#fed7aa; }
.photo-destination-zone>strong { color:var(--navy); }
.photo-destination-zone>span { color:#64748b; font-size:.8rem; }
.photo-destination-grid {
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:5px;
}
.photo-destination-card {
  position:relative; display:block; width:100%; padding:4px; border:1px solid #cbd5e1;
  border-radius:9px; background:#fff; cursor:pointer;
}
.photo-destination-card:hover { border-color:#0284c7; box-shadow:0 0 0 2px #38bdf833; }
.photo-destination-card.current { opacity:.55; cursor:default; }
.photo-destination-card img {
  display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:6px;
}
.photo-destination-card span {
  position:absolute; left:8px; bottom:8px; padding:2px 6px; border-radius:999px;
  background:#0f172acc; color:#fff; font-size:.65rem; font-weight:800;
}

@media (max-width: 700px) {
  .photo-grid,
  .photo-organizer-grid,
  .photo-destination-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .photo-zone-heading,
  .photo-gallery-zone-heading { display:block; }
  .photo-zone-heading>strong { display:inline-flex; margin-top:7px; }
}


/* Ver.1.50r20: simplify photo movement and enlarged-photo editing */
.photo-organizer-card.is-selected {
  position: relative;
  border-color:#0369a1;
  box-shadow:0 0 0 4px #38bdf866, 0 10px 22px #0f172a24;
}
.photo-organizer-card.is-selected::after {
  content:"移動する写真";
  position:absolute;
  top:10px;
  left:10px;
  z-index:4;
  padding:4px 8px;
  border-radius:999px;
  background:#0369a1;
  color:#fff;
  font-size:.72rem;
  font-weight:900;
  pointer-events:none;
}
.photo-organizer-thumb {
  position:relative;
  touch-action:manipulation;
}
.photo-organizer-card.is-movable .photo-organizer-thumb:hover {
  outline:3px solid #7dd3fc;
  outline-offset:-3px;
}
.photo-edit-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:5px 8px;
  border:1px solid #bae6fd;
  border-radius:8px;
  background:#f0f9ff;
}
.photo-reorder-guide {
  position:sticky;
  top:8px;
  z-index:10;
  box-shadow:0 6px 16px #0f172a12;
}

.photo-compare-swap-panel {
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid #bfdbfe;
  border-radius:14px;
  background:#f8fbff;
}
.photo-compare-swap-panel h2 { margin:0; color:var(--navy); font-size:1.15rem; }
.photo-compare-swap-panel p { margin:3px 0 0; color:#475569; }
.photo-compare-swap-panel .photo-compare-grid figure {
  display:grid;
  gap:8px;
}
.photo-compare-swap-panel .photo-state { justify-self:start; }
.photo-compare-candidate-nav {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:10px;
  align-items:center;
}
.photo-compare-candidate-nav > :last-child { justify-self:end; }
.photo-compare-candidate-nav form { margin:0; }

.photo-crop-panel,
.photo-replace-panel {
  border:1px solid #dbeafe;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}
.photo-crop-panel > summary,
.photo-replace-panel > summary {
  padding:12px 14px;
  cursor:pointer;
  color:#075985;
  font-weight:900;
  background:#f8fbff;
}
.photo-crop-body,
.photo-replace-body {
  display:grid;
  gap:12px;
  padding:14px;
}
.photo-crop-body > p,
.photo-replace-body > p { margin:0; color:#475569; }
.photo-crop-stage {
  position:relative;
  width:min(100%,900px);
  margin:0 auto;
  background:#0f172a;
  overflow:hidden;
  border-radius:12px;
  cursor:crosshair;
  touch-action:none;
  user-select:none;
}
.photo-crop-stage img {
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  pointer-events:none;
}
.photo-crop-selection {
  position:absolute;
  border:3px solid #38bdf8;
  background:#38bdf826;
  box-shadow:0 0 0 9999px #02061780;
  pointer-events:none;
}
.photo-crop-actions {
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}
.photo-crop-actions button:disabled {
  opacity:.5;
  cursor:not-allowed;
}

@media (max-width:700px) {
  .photo-reorder-guide {
    top:4px;
    align-items:flex-start;
  }
  .photo-compare-candidate-nav {
    grid-template-columns:1fr 1fr;
  }
  .photo-compare-candidate-nav form {
    grid-column:1 / 3;
    grid-row:1;
  }
  .photo-compare-candidate-nav form .primary {
    width:100%;
  }
  .photo-compare-candidate-nav > :last-child { justify-self:stretch; text-align:center; }
  .photo-compare-candidate-nav > :first-child { justify-self:stretch; text-align:center; }
}


/* Ver.1.50r21: direct photo drag-and-drop on the normal trip gallery. */
.photo-gallery-body[data-photo-sort-board] .photo-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.photo-public-drag-guide {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 12px;
  margin:10px 0 14px;
  padding:10px 12px;
  border:1px solid #bae6fd;
  border-radius:11px;
  background:#f0f9ff;
}
.photo-public-drag-guide strong {
  color:#075985;
}
.photo-public-drag-guide span {
  color:#475569;
  font-size:.78rem;
}
.photo-sort-save-status[data-state="saving"],
.photo-sort-save-status[data-state="moving"] {
  color:#0369a1;
  font-weight:800;
}
.photo-sort-save-status[data-state="saved"] {
  color:#166534;
  font-weight:800;
}
.photo-sort-save-status[data-state="error"] {
  color:#b91c1c;
  font-weight:800;
}
.photo-sortable-card .trip-photo-link {
  cursor:grab;
  -webkit-user-drag:none;
  user-select:none;
  -webkit-user-select:none;
}
.photo-sortable-card .trip-photo-link:active {
  cursor:grabbing;
}
.photo-sortable-card .trip-photo-link img {
  -webkit-user-drag:none;
  user-select:none;
  -webkit-user-select:none;
}
.trip-photo-card.is-photo-drag-placeholder {
  opacity:.3;
  border-style:dashed;
  transform:scale(.985);
}
.is-photo-sort-active .trip-photo-card {
  transition:border-color .12s ease, background-color .12s ease, opacity .12s ease;
}
.photo-sort-ghost {
  position:fixed !important;
  z-index:10000;
  margin:0 !important;
  pointer-events:none !important;
  opacity:.94;
  transform:rotate(1deg) scale(1.02);
  box-shadow:0 16px 36px rgba(15,23,42,.28);
}
.photo-sort-ghost details,
.photo-sort-ghost .photo-edit-menu {
  display:none !important;
}
.photo-sort-ghost .trip-photo-link {
  cursor:grabbing !important;
}
@media (max-width:700px) {
  .photo-gallery-body[data-photo-sort-board] .photo-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .photo-public-drag-guide {
    align-items:flex-start;
    flex-direction:column;
  }
}


/* Ver.1.50r22: administrator-only, slower photo organizer. */
.admin-photo-sort-board .photo-organizer-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.admin-photo-sort-board [data-photo-sort-card] {
  transition:
    border-color .24s ease,
    box-shadow .24s ease,
    opacity .24s ease,
    background-color .24s ease;
}
.admin-photo-sort-board [data-photo-drag-handle] {
  cursor: grab;
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  touch-action: pan-y;
}
.admin-photo-sort-board [data-photo-drag-handle]:active {
  cursor: grabbing;
}
.admin-photo-sort-board [data-photo-drag-handle] img {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}
.admin-photo-sort-board [data-photo-sort-card].is-photo-drag-placeholder {
  opacity: .28;
  border-style: dashed;
  box-shadow: inset 0 0 0 2px #38bdf855;
}
.admin-photo-sort-board.is-photo-sort-active [data-photo-sort-card] {
  will-change: transform;
}
.admin-photo-sort-board.is-photo-sort-saving [data-photo-drag-handle] {
  cursor: wait;
}
.admin-photo-sort-board.is-photo-sort-saving {
  position: relative;
}
.admin-photo-sort-board.has-photo-sort-conflict .photo-reorder-guide {
  border-color: #fecaca;
  background: #fff1f2;
}
.photo-sort-save-status[data-state="saving"],
.photo-sort-save-status[data-state="moving"] {
  color: #0369a1;
  font-weight: 900;
}
.photo-sort-save-status[data-state="saved"] {
  color: #166534;
  font-weight: 900;
}
.photo-sort-save-status[data-state="error"] {
  color: #b91c1c;
  font-weight: 900;
}
.admin-photo-sort-board .photo-sort-ghost {
  position: fixed !important;
  z-index: 10000;
  margin: 0 !important;
  pointer-events: none !important;
  opacity: .93;
  transform: rotate(.6deg) scale(1.025);
  box-shadow: 0 18px 42px rgba(15, 23, 42, .32);
}
.admin-photo-sort-board .photo-sort-ghost details,
.admin-photo-sort-board .photo-sort-ghost .photo-organizer-actions {
  display: none !important;
}

/* The ghost is appended to body, so keep these rules unscoped as well. */
.photo-sort-ghost {
  position: fixed !important;
  z-index: 10000;
  margin: 0 !important;
  pointer-events: none !important;
  opacity: .93;
  transform: rotate(.6deg) scale(1.025);
  box-shadow: 0 18px 42px rgba(15, 23, 42, .32);
}
.photo-sort-ghost .photo-organizer-actions,
.photo-sort-ghost details {
  display: none !important;
}

@media (max-width: 700px) {
  .admin-photo-sort-board .photo-organizer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .admin-photo-sort-board .photo-reorder-guide {
    position: static;
    align-items: flex-start;
    flex-direction: column;
  }
}


/* Ver.1.50r24: KMA club icons */
.brand {
  display:inline-flex;
  align-items:center;
  gap:9px;
}
.brand-logo {
  width:36px;
  height:36px;
  border-radius:50%;
  object-fit:cover;
  flex:none;
}
.page-title-with-icon {
  display:flex;
  align-items:center;
  gap:18px;
}
.page-title-with-icon h1 {
  margin:4px 0 5px;
}
.page-title-with-icon p {
  margin:0;
  color:#475569;
}
.page-title-icon {
  width:92px;
  height:92px;
  border-radius:24px;
  object-fit:cover;
  flex:none;
  box-shadow:0 10px 26px #082f4926;
}
.club-icon-gallery {
  margin:0 0 28px;
  padding:20px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 8px 24px #0f385410;
}
.club-icon-gallery-heading h2 {
  margin:3px 0 5px;
  color:var(--navy);
}
.club-icon-gallery-heading p:last-child {
  margin:0;
  color:#475569;
}
.club-icon-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.club-icon-card {
  display:flex;
  align-items:center;
  gap:15px;
  margin:0;
  padding:15px;
  background:#f8fafc;
  border:1px solid var(--line);
  border-radius:16px;
}
.club-icon-image {
  width:96px;
  height:96px;
  border-radius:24px;
  object-fit:cover;
  flex:none;
  box-shadow:0 8px 20px #082f4920;
}
.club-icon-card figcaption {
  display:flex;
  flex-direction:column;
  gap:5px;
}
.club-icon-card figcaption strong {
  color:var(--navy);
  font-size:1rem;
}
.club-icon-card figcaption span {
  color:#475569;
  font-size:.9rem;
}
@media (max-width:700px) {
  .brand-logo {
    width:32px;
    height:32px;
  }
  .page-title-with-icon {
    align-items:flex-start;
    gap:13px;
  }
  .page-title-icon {
    width:74px;
    height:74px;
    border-radius:19px;
  }
  .club-icon-gallery {
    padding:16px;
  }
  .club-icon-grid {
    grid-template-columns:1fr;
  }
  .club-icon-image {
    width:82px;
    height:82px;
    border-radius:21px;
  }
}


/* Ver.1.50r25 - simplify icon placement */
.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.brand-home-link {
  color: white;
  text-decoration: none;
  font-weight: 800;
  font-size: 1.05rem;
}
.brand-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
  line-height: 0;
}
.brand-logo {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  flex: none;
  box-shadow: 0 4px 12px rgba(8, 47, 73, 0.35);
}
.page-intro {
  margin-bottom: 25px;
}
.page-intro h1 {
  font-size: clamp(1.9rem, 5vw, 2.7rem);
  line-height: 1.2;
  margin: 4px 0;
  color: var(--navy);
}
.club-icon-strip {
  margin-top: 28px;
  padding-top: 4px;
}
.club-icon-strip-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.club-icon-strip-image {
  width: 74px;
  height: 74px;
  border-radius: 20px;
  object-fit: cover;
  box-shadow: 0 8px 20px rgba(8, 47, 73, 0.16);
}
.image-lightbox[hidden] {
  display: none !important;
}
.image-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(2, 6, 23, 0.76);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.image-lightbox-panel {
  position: relative;
  max-width: min(92vw, 680px);
  max-height: 92vh;
}
.image-lightbox-image {
  display: block;
  max-width: 100%;
  max-height: 88vh;
  width: auto;
  height: auto;
  border-radius: 28px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.45);
}
.image-lightbox-close {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
  color: #0f172a;
  font-size: 1.5rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.25);
}
body.lightbox-open {
  overflow: hidden;
}
@media (max-width: 700px) {
  .brand {
    gap: 10px;
  }
  .brand-logo {
    width: 36px;
    height: 36px;
  }
  .brand-home-link {
    font-size: 1rem;
  }
  .club-icon-strip {
    margin-top: 24px;
  }
  .club-icon-strip-inner {
    gap: 14px;
  }
  .club-icon-strip-image {
    width: 62px;
    height: 62px;
    border-radius: 16px;
  }
  .image-lightbox {
    padding: 16px;
  }
  .image-lightbox-image {
    border-radius: 20px;
  }
}


/* Ver.1.50r26 - compact header + CSP-safe emblem enlargement */
.site-header {
  gap: 12px;
}
.brand {
  flex: 0 0 auto;
  gap: 0;
}
.brand-icon-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  text-decoration: none;
  cursor: zoom-in;
  line-height: 0;
}
.brand-logo {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  flex: none;
  box-shadow: 0 4px 12px rgba(8, 47, 73, 0.35);
}
.header-actions {
  margin-left: auto;
  flex-wrap: nowrap;
}
.header-actions > a,
.header-actions .link-button {
  white-space: nowrap;
}

/* Override the r25 JS-controlled lightbox. This works without inline JavaScript. */
.image-lightbox {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: transparent;
}
.image-lightbox:target {
  display: flex;
}
.image-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.78);
}
.image-lightbox-panel {
  position: relative;
  z-index: 1;
  max-width: min(92vw, 720px);
  max-height: 92vh;
}
.image-lightbox-image {
  display: block;
  width: min(82vw, 680px);
  max-width: 100%;
  max-height: 86vh;
  height: auto;
  border-radius: 28px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.48);
}
.image-lightbox-close {
  position: absolute;
  top: -14px;
  right: -14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.98);
  color: #0f172a;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.28);
}

@media (max-width: 600px) {
  .site-header {
    height: 58px;
    padding-left: 10px;
    padding-right: 10px;
    gap: 6px;
  }
  .brand {
    flex: 0 0 auto;
  }
  .brand-logo {
    width: 36px;
    height: 36px;
  }
  .header-actions {
    gap: 2px;
    margin-left: auto;
  }
  .header-actions > a,
  .header-actions .link-button {
    padding: 6px 4px;
    font-size: .72rem;
  }
  .image-lightbox {
    padding: 14px;
  }
  .image-lightbox-image {
    width: min(88vw, 560px);
    border-radius: 20px;
  }
  .image-lightbox-close {
    top: -10px;
    right: -10px;
    width: 38px;
    height: 38px;
  }
}

/* Ver.1.51r11: account directory visibility + stable account-management layout */
.account-directory-heading {
  align-items: flex-start;
}
.account-directory-summary {
  margin-bottom: 18px;
}
.account-list .account-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 310px);
  grid-template-areas:
    "account-info account-actions"
    "account-password account-password";
  align-items: start;
  gap: 16px 22px;
  min-width: 0;
  overflow: visible;
}
.account-list .account-card > .account-card-info {
  grid-area: account-info;
  width: 100%;
  min-width: 0;
}
.account-card-actions {
  grid-area: account-actions;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  min-width: 0;
}
.account-card-actions form {
  flex: 1 1 132px;
  min-width: 0;
  margin: 0;
}
.account-card-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 9px 10px;
  box-sizing: border-box;
  line-height: 1.25;
  white-space: normal;
  text-align: center;
}
.account-card-password-reset {
  grid-area: account-password;
  width: 100%;
  min-width: 0;
  margin: 0;
}
.account-card-view-only {
  grid-area: account-actions;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 6px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #f8fafc;
  color: #64748b;
  font-size: .78rem;
  font-weight: 800;
  white-space: nowrap;
}
.account-directory-footer {
  margin-top: 22px;
}

@media (max-width: 760px) {
  .account-list .account-card {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "account-info"
      "account-actions"
      "account-password";
    align-items: stretch;
    gap: 14px;
  }
  .account-card-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }
  .account-card-actions form,
  .account-card-actions button {
    width: 100%;
  }
  .account-card-view-only {
    justify-self: start;
  }
}

@media (max-width: 480px) {
  .account-card-actions {
    grid-template-columns: minmax(0, 1fr);
  }
  .account-card-actions button {
    min-height: 46px;
  }
}
/* Ver.1.51r14a: form readability and responsive layout review
   - Keep comment text entry full-width on desktop and mobile.
   - Prevent account-link guidance from squeezing the comment field.
   - Give short comment fields a practical touch target/typing height.
   - Make long names, badges, dates, comments, and URLs wrap safely.
*/
.comment-form {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
  align-items: end;
  gap: 12px 16px;
  margin: 12px 0;
  padding: 16px;
}
.comment-form > label:first-of-type {
  grid-column: 1;
  min-width: 0;
}
.comment-form > .backup-note {
  grid-column: 2;
  align-self: center;
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}
.comment-form > label:last-of-type {
  grid-column: 1 / -1;
  min-width: 0;
}
.comment-form textarea {
  width: 100%;
  min-height: 132px;
  line-height: 1.55;
}
.comment-form > button {
  grid-column: 1 / -1;
  justify-self: start;
  min-width: 190px;
  min-height: 46px;
}
.comment-list li > div {
  flex: 1 1 auto;
  min-width: 0;
}
.comment-list li > form {
  flex: none;
}
.comment-list strong,
.comment-list p,
.comment-list time {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.comment-list p {
  max-width: 100%;
}
.rsvp-form textarea,
.edit-rsvp-form textarea {
  min-height: 94px;
  line-height: 1.5;
}
.notice-compose textarea {
  min-height: 112px;
  line-height: 1.5;
}
.form-actions {
  flex-wrap: wrap;
}
.account-card-info,
.account-card-info p,
.account-card-info dd,
.account-card-info dt {
  min-width: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 760px) {
  .comment-form {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
  }
  .comment-form > label:first-of-type,
  .comment-form > .backup-note,
  .comment-form > label:last-of-type,
  .comment-form > button {
    grid-column: 1;
  }
  .comment-form > button {
    justify-self: stretch;
    width: 100%;
  }
  .comment-form textarea {
    min-height: 124px;
  }
}
@media (max-width: 600px) {
  .rsvp-form textarea,
  .edit-rsvp-form textarea {
    min-height: 100px;
  }
  .notice-compose textarea {
    min-height: 120px;
  }
  .comment-list li {
    align-items: flex-start;
  }
  .comment-list time {
    display: block;
    margin: 4px 0 0;
  }
  .form-actions > button,
  .form-actions > .button-link {
    width: 100%;
  }
}

/* Ver.1.51r17: security audit log and overflow-safe admin action rows */
.admin-top-actions { flex-wrap:wrap; justify-content:flex-end; }

.audit-list {
  display:grid;
  gap:12px;
}
.audit-entry {
  min-width:0;
  padding:16px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 6px 20px #0f38540d;
}
.audit-entry-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:11px;
  border-bottom:1px solid #e2e8f0;
}
.audit-entry-head>div {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px 10px;
  min-width:0;
}
.audit-entry-head time {
  color:var(--muted);
  font-size:.8rem;
  font-weight:700;
}
.audit-code {
  max-width:100%;
  padding:3px 7px;
  color:#64748b;
  background:#f8fafc;
  border-radius:7px;
  font-size:.7rem;
  overflow-wrap:anywhere;
}
.audit-entry-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.audit-cell {
  min-width:0;
  padding:11px 12px;
  background:#f8fafc;
  border-radius:9px;
  overflow-wrap:anywhere;
}
.audit-cell strong,
.audit-cell small {
  display:block;
}
.audit-cell strong {
  color:var(--navy);
}
.audit-cell small {
  margin-top:3px;
  color:var(--muted);
  font-size:.75rem;
}
.audit-label {
  display:block;
  margin-bottom:5px;
  color:#64748b;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.04em;
}
.audit-details {
  margin-top:10px;
  padding:10px 12px;
  border-left:3px solid #7dd3fc;
  background:#f0f9ff;
  border-radius:8px;
  overflow-wrap:anywhere;
}
.audit-details p {
  margin:0;
  white-space:pre-wrap;
}
@media (max-width:700px) {
  .audit-entry {
    padding:13px;
  }
  .audit-entry-head {
    align-items:stretch;
    flex-direction:column;
  }
  .audit-code {
    align-self:flex-start;
  }
  .audit-entry-grid {
    grid-template-columns:1fr;
  }
  .admin-top-actions {
    justify-content:flex-start;
  }
}