/* Layout específico dos 5 Porquês */
    .why-row {
      display: flex;
      gap: 15px;
      align-items: flex-start;
      margin-bottom: 1rem;
      background: #f8fafc;
      padding: 10px;
      border-radius: 6px;
      border: 1px solid #e2e8f0;
    }
    .why-input-container { flex: 1; }
    .why-label {
      font-weight: bold;
      color: #2b579a;
      width: 110px;
      text-align: right;
      padding-top: 10px;
      font-size: 0.95rem;
    }
    #btnAddWhy {
      display: none;
      background: #10b981;
      margin-bottom: 1rem;
      width: auto;
    }
    #btnAddWhy:hover { background: #059669; }

    /* ── Auth controls ── */
    #auth-controls {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .btn-google {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #4285f4;
      color: #fff;
      border: none;
      padding: 8px 16px;
      border-radius: 6px;
      font-size: 0.9rem;
      font-weight: 500;
      cursor: pointer;
      transition: background 0.2s;
      white-space: nowrap;
    }
    .btn-google:hover { background: #3367d6; }

    .user-info {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .user-info.hidden { display: none; }

    .btn-logout {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      border: 1px solid #cbd5e1;
      border-radius: 6px;
      padding: 5px 8px;
      cursor: pointer;
      color: #64748b;
      transition: background 0.2s, color 0.2s;
    }
    .btn-logout:hover {
      background: #fef2f2;
      border-color: #ef4444;
      color: #dc2626;
    }

    /* ── Indicador de sync ── */
    #sync-status {
      font-size: 0.78rem;
      font-weight: 500;
      padding: 3px 8px;
      border-radius: 4px;
      background: #f1f5f9;
      white-space: nowrap;
    }