/* Development: editing, seven categories, and a shared message board. */
.filters{flex-wrap:wrap;row-gap:7px}
.messages-panel{min-width:0}
.message-board{max-width:920px;background:#fffefa;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.message-list{padding:6px 20px;min-height:130px;max-height:400px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}
.message-row{padding:12px 0;min-width:0}
.message-row+.message-row{border-top:1px solid #eef0e8}
.message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:3px 12px;min-height:30px}
.message-author{min-width:0;max-width:100%;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.message-time{color:#77836f;font-size:11px;white-space:nowrap}
.message-delete{margin-left:auto;min-height:36px;min-width:36px;font-size:11px}
.message-body{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0 0;color:#425b4e}
.message-deleted .message-body{color:#7b8575;font-size:12px}
.message-empty{color:#7b8575;font-size:13px;text-align:center;margin:40px 0}
.message-composer{padding:14px 20px;border-top:1px solid var(--line);background:#f3f5ed;min-width:0}
.message-composer textarea{display:block;width:100%;height:64px;min-height:64px;resize:vertical;font-size:16px;line-height:1.5;margin:0;padding:8px 10px}
.composer-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:8px;color:#66785d;font-size:11px}
#message-identity{min-width:0;overflow-wrap:anywhere;flex:1}
#message-length{white-space:nowrap;font-variant-numeric:tabular-nums}
.composer-meta .button{min-height:40px;padding:8px 16px}
#message-error,#spot-form-error{color:#a34730;font-size:12px;line-height:1.8;margin:12px 0}
.reload-edit{display:block;text-decoration:underline;min-height:44px;margin-bottom:12px}
@media(max-width:700px){
 .toolbar{display:flex;flex-wrap:wrap;gap:0 16px}
 .tabs{gap:16px;flex-shrink:1;max-width:100%}
 .tab{white-space:nowrap;padding-inline:1px;font-size:14px}
 .toolbar-actions{margin-left:auto}
 .filters{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:5px;max-width:100%;gap:4px}
 .filter{flex:0 0 auto;min-width:44px;min-height:40px;padding-inline:10px}
 .message-list{padding-inline:14px;max-height:240px}
 .message-row{padding:10px 0}
 .message-meta{gap:2px 8px}
 .message-delete{min-height:44px;min-width:44px}
 .message-composer{padding:12px 14px}
 .composer-meta{gap:5px 8px}
 .composer-meta .button{min-height:44px;padding-inline:13px}
}
@media(max-width:350px){.tabs{gap:12px}.tab{font-size:13px}.tab span{margin-left:2px}}