/* styles/panels.css */
/* ---- Base panel + toolbar sizing, kept minimal & scoped ---- */
:root{
  --panel-radius: 12px;
  --panel-border: 1px solid var(--border-color, #e5e7eb);
  --panel-shadow: var(--shadow-md, 0 10px 30px rgba(0,0,0,.10));
  --panel-pad: 1rem;
}

/* Generic panel */
.panel{
  background: var(--panel-bg-color, #fff);
  border: var(--panel-border);
  border-radius: var(--panel-radius);
  box-shadow: var(--panel-shadow);
}

.panel-header{
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-color, #e5e7eb);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: .75rem;
}

.panel-body{ padding: var(--panel-pad); }
.panel-footer{
  padding: .75rem 1.25rem;
  border-top: 1px solid var(--border-color, #e5e7eb);
  display: flex; gap: .5rem; justify-content: flex-end; align-items: center;
}

/* Primary action button baseline (matches “デザインを保存”) */
.action-primary{
  font-size: var(--action-btn-font-size, 1rem);
  min-height: var(--action-btn-min-h, 44px);
  padding: var(--action-btn-pad-y, .75rem) var(--action-btn-pad-x, 1.5rem);
  border-radius: var(--action-btn-radius, 8px);
  border: 0;
}

/* Settings sidebar width hints (non-breaking) */
#settings-panel,
.woven-settings-panel{
  max-width: min(86vw, 280px);
  width: 280px;
}

/* Toolbar column spacing hint (only layout, no position change) */
.tools-fab-column{ gap: .5rem; }