.topic-action-form { width:100%; min-width:0; padding-top:12px; border-top:1px solid var(--line); }
.topic-action-form>label { display:block; margin-bottom:8px; overflow-wrap:anywhere; }
.topic-action-fields { display:flex; flex-wrap:wrap; gap:10px; }
.topic-action-fields :is(input,select) { flex:1 1 220px; min-width:0; max-width:100%; width:100%; min-height:44px; box-sizing:border-box; }
.topic-action-fields button { flex:0 1 auto; height:auto!important; min-height:44px!important; white-space:normal; }
.topic-action-form p { font-size:12px; margin:8px 0 0; }
.suggestion-sections { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.suggestion-sections a { display:flex; align-items:center; min-height:44px; padding:8px 14px; border:1px solid var(--line); color:var(--green-pale); text-decoration:none; }
.suggestion-sections a[aria-current=page] { background:var(--panel2); border-color:var(--green); }
.editor-color-picker { position:relative; flex:none; }
.editor-color-picker>summary { display:flex; align-items:center; justify-content:center; width:40px; min-height:44px; cursor:pointer; list-style:none; border:1px solid var(--line); }
.editor-color-picker>summary::-webkit-details-marker { display:none; }
.editor-color-picker .tb-color-preview { display:block; width:22px; height:22px; margin:0; border:1px solid var(--muted); }
.editor-color-panel { position:absolute; top:100%; right:0; z-index:30; box-sizing:border-box; width:224px; max-width:calc(100vw - 32px); padding:12px; border:1px solid var(--green-dim); background:var(--panel,#10160d); box-shadow:0 8px 24px #0009; }
.editor-color-panel p { margin:0 0 10px; color:var(--muted); font-size:12px; line-height:1.4; white-space:normal; }
.editor-color-swatches { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }
body .ed-card .editor-color-swatches button { width:44px; height:44px; min-width:0; min-height:44px; padding:0; border:2px solid var(--line); border-radius:4px; }
.editor-color-picker :is(button,summary,input):focus-visible { outline:2px solid var(--green-pale); outline-offset:2px; }
.editor-custom-color { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:10px; font-size:12px; }
body .ed-card .editor-custom-color input.tb-color { position:static; opacity:1; width:48px; min-width:48px; height:44px; padding:2px; border:1px solid var(--line); }
@media(max-width:600px) {
  .topic-action-fields { flex-direction:column; }
  .topic-action-fields :is(input,select,button) { flex:auto; width:100%; font-size:16px; }
  .suggestion-sections a { flex:1 1 130px; justify-content:center; text-align:center; }
  body .ed-card .tb-group:has(.editor-color-picker[open]) { flex-wrap:wrap; width:100%; min-width:0; max-width:100%; }
  .editor-color-picker[open] { flex:1 1 100%; width:100%; min-width:0; max-width:100%; }
  .editor-color-panel { position:static; width:100%; max-width:100%; margin-top:6px; }
  body .ed-card .editor-color-swatches button { width:100%; }
}