/* ── Right sidebar ── */
    .sidebar-section {
      padding: 25px 30px 30px;
      border-bottom: 1px solid var(--border-content);
    }
    .sidebar-section-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 0;
    }
    .sidebar-section--open .sidebar-section-header {
      margin-bottom: 14px;
    }
    .sidebar-section-title {
      font-size: 14px;
      font-weight: 500;
      color: var(--text-muted);
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-left: -8.5px;
      padding: 5px 13.5px 5px 8.5px;
      border-radius: 5px;
      cursor: pointer;
      user-select: none;
    }
    .sidebar-section-title:hover {
      background-color: var(--bg-grey-fc, #fcfcfc);
    }
    .sidebar-section-title svg {
      transition: transform 0.15s ease;
    }
    .sidebar-section--open .sidebar-section-title svg {
      transform: rotate(180deg);
    }
    .sidebar-section:not(.sidebar-section--open) > :not(.sidebar-section-header) {
      display: none;
    }
    .sidebar-section-toggle {
      color: var(--text-muted-alt);
      cursor: pointer;
      font-size: 11px;
    }
    .sidebar-field { margin-bottom: 12px; }
    .sidebar-field:last-child { margin-bottom: 0; }
    .sidebar-field-label {
      font-size: 11px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: var(--text-muted);
      margin-bottom: 3px;
    }
    .sidebar-field-value { font-size: 13px; color: var(--text-default); }
    .sidebar-field-placeholder { font-size: 13px; color: var(--text-lighter); font-style: italic; }

    /* ── page-properties-* (mirrors production) ── */
    .page-properties-section {
      padding: 30px;
      border-bottom: 1px solid var(--border-content);
    }
    .page-properties-section-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 500;
      color: var(--text-muted);
      user-select: none;
    }
    .page-properties-section-title--open {
      margin-bottom: 20px;
    }
    .page-properties-section-title-toggle {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-left: -8.5px;
      padding: 5px 13.5px 5px 8.5px;
      border-radius: 5px;
      cursor: pointer;
    }
    .page-properties-section-title-toggle:hover {
      background-color: var(--bg-grey-fc, #fcfcfc);
    }
    .page-properties-section-title-toggle-icon {
      flex-shrink: 0;
      width: 8px;
      height: auto;
      transition: transform 0.15s ease;
    }
    .page-properties-section-title-toggle-icon path { fill: var(--text-lighter); }
    .page-properties-section-title-toggle-icon--open { transform: rotate(180deg); }
    .page-properties-section-title:not(.page-properties-section-title--open) + div { display: none; }
    .dashboard-chart-option-add-icon {
      display: flex;
      align-items: center;
      opacity: 0.5;
      transition: opacity 0.15s;
    }
    .dashboard-chart-option-add-icon:hover { opacity: 1; }
    .page-properties-section-item {
      display: flex;
      align-items: baseline;
      gap: 8px;
      margin-bottom: 10px;
    }
    .page-properties-section-item:last-child { margin-bottom: 0; }
    .page-properties-section-item-label {
      flex-shrink: 0;
      width: 90px;
      font-size: 12px;
      color: var(--text-muted);
      padding-top: 6px;
    }
    .page-properties-section-item-editable { flex: 1; min-width: 0; }
    .ghost-input-wrapper { width: 100%; }
    .ghost-form-control {
      display: block;
      width: 100%;
      background: transparent;
      border: 1px solid transparent;
      border-radius: 4px;
      padding: 4px 6px;
      font-size: 13px;
      color: var(--text-default);
      font-family: inherit;
      outline: none;
      transition: border-color 0.15s, background 0.15s;
    }
    .ghost-form-control:hover,
    .ghost-form-control:focus {
      background: var(--bg-grey-f5, #f5f5f5);
      border-color: var(--border-content, #ececec);
    }
    .ghost-form-control::placeholder { color: var(--text-muted); }
    .sidebar-add-btn {
      background: none;
      border: none;
      color: var(--color-primary);
      font-size: 12px;
      font-weight: 500;
      cursor: pointer;
      padding: 0;
    }
    .company-card {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 12px;
      border: 1px solid var(--border-content);
      border-radius: 8px;
      margin-top: 10px;
    }
    .company-card-avatar {
      width: 32px;
      height: 32px;
      border-radius: 6px;
      background: var(--text-default);
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      font-weight: 600;
      flex-shrink: 0;
    }
    .company-card-name { font-size: 13px; font-weight: 600; color: var(--text-default); }